body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{margin:0; padding:0; font-size: 12px; line-height: 20px; color: #3e3a39; letter-spacing: 0.05em;}
body{font-family: YuGothic,'游ゴシック', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; background-color: #fff;}
ul{margin: 0;}
li{list-style: none;}
img{vertical-align: top;}
a{color: #000;}
a:hover{text-decoration: none; color: #000;}
a:active,
a:focus{text-decoration: none; color: #000}
.img-ow{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.font_futura{letter-spacing: 0.1em;}
.font_min{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
@media only screen and (min-width: 1200px) {
    .container{width: 1140px;}
}

.ttl_l{border-bottom: 2px solid #3e3a39; position: relative; padding-bottom: 10px; margin-bottom: 50px;}
.ttl_l:after{content: ""; display: block; width: 100%; height: 1px; background-color: #3e3a39; position: absolute; bottom: -6px; left: 0;}
.ttl_l li{float: left;}
.ttl_l li:last-child{float: right; font-size: 13px;}
.ttl_l h1{font-size: 18px;}

.download_btn{width: 400px; margin: 30px auto 0;}
.download_btn a{display: block; transition-property: all; transition: 0.2s linear; border-radius: 3px; text-align: center; padding: 16px 0; background-color: #817d69; color: #fff;}
.instagram_btn{width: 250px; margin: 10px auto 0;}
.instagram_btn a{display: block; transition-property: all; transition: 0.2s linear; font-weight: bold; border-radius: 3px; text-align: center; padding: 12px 0; background-color: #e4e3d7; color: #000; font-size: 13px;}
.instagram_btn a img{width: 17px; height: auto;}
.instagram_btn a:hover{opacity: 0.6;}


@media only screen and (max-width: 767px){
	.download_btn{width: 100%; margin: 20px auto 0;}
}

header{z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff;}
header .head_col{padding-top: 15px; height: 80px;}
header .logo{text-align: center;}
header .logo a{display: inline-block;}
header .logo a:hover{opacity: 0.6;}
header .logo h1,
header .logo h2{display: inline-block;}
header .logo h2{font-size: 13px; font-weight: bold; letter-spacing: 0.15em; margin-top: 8px;}
header .park_logo{position: absolute; top: 18px; left: 15px;}
header .izanai{display: block; border:1px solid #d4d4d4; padding: 7px 0; width: 200px; text-align: center; position: absolute; top: 11px; right: 15px; font-size: 17px; line-height: 20px;}
header .izanai:hover{opacity: 0.6;}
header .izanai span{font-size: 11px; color: #fff; background-color: #303030; padding: 3px 12px;}
header .gmenu{background: #e5411d;
background: -moz-linear-gradient(top, #e5411d 1%, #e8674b 83%);
background: -webkit-linear-gradient(top, #e5411d 1%,#e8674b 83%);
background: linear-gradient(to bottom, #e5411d 1%,#e8674b 83%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5411d', endColorstr='#e8674b',GradientType=0 );
width: 100%; height: 64px;}

header .gmenu li{float: left; width: 14.28571428%; text-align: center;}
header .gmenu li a{display: block; padding-top: 16px; color: #fff; height: 64px; font-size: 14px; line-height: 18px; letter-spacing: 0.05em; border-left: 1px solid #9b3b26; position: relative;}
header .gmenu li:last-child a{border-right: 1px solid #9b3b26;}
header .gmenu li a::before{content: ""; display: block; width: 1px; height: 64px; background-color: #ec785e; position: absolute; top: 0; left: 1px;}
header .gmenu li a span{font-size: 11px; display: block;}

.menu-trg-area { display: none;}
footer{padding: 15px 0; background-color: #d7d5cf; z-index: 2; position: relative;}
footer p{text-align: center; font-size: 11px;}

.sns{margin-top: 50px;}
.sns h1{text-align: center;}
.sns h1 img{width: 30px; height: auto;}
.sns p{text-align: center; font-weight: bold;}
#instafeed { position: relative; z-index: 1; background: #ffffff; padding: .6rem 0;}
#instafeed #sb_instagram .sb_instagram_header,
#instafeed #sb_instagram #sbi_load { display: none;}
#instafeed .row { align-items: center;}
#instafeed .ttl-area { text-align: center;}
#instafeed .ttl-area .ttl { position: relative; padding-bottom: .6rem;}
#instafeed .ttl-area .ttl:after { content: ""; width: 45px; height: 1px; background: #000; position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}
#sb_instagram .sbi_photo_wrap { width: 100%;}
#sb_instagram .sbi_photo_wrap:before { content: ""; display: block; padding-top: 100%;}
#sb_instagram.sbi_col_2 #sbi_images .sbi_item { width: 33.333333%!important;}
#sb_instagram.sbi_col_2 #sbi_images .sbi_item .sbi_photo_wrap a { height: 100%!important; position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin: 10px auto 0;
}
 
.facebook-wrapper > .fb-page {
    width: 100%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

@media only screen and (max-width: 1199px){
	header .head_col{padding-top: 12px; height: 70px;}
	header .logo h1 img{height: 24px; width: auto;}
	header .logo h2{font-size: 12px; margin-top: 5px; letter-spacing: 0.1em;}
	header .park_logo{top: 14px;}
	header .izanai{padding: 5px 0; top: 11px; font-size: 16px; line-height: 18px;}

	header .gmenu{height: 60px;}
	header .gmenu li a{padding-top: 14px; height: 60px; font-size: 13px; line-height: 17px;}
	header .gmenu li a::before{height: 60px;}
}

@media only screen and (max-width: 991px){
	.ttl_l{padding-bottom: 6px; margin-bottom: 40px;}
	.ttl_l li:last-child{font-size: 12px;}
	.ttl_l h1{font-size: 16px;}

	header .head_col{padding-top: 10px; height: 66px;}
	header .logo h1 img{height: 22px; width: auto;}
	header .logo h2{margin-top: 5px; letter-spacing: 0.05em;}
	header .park_logo{top: 18px; width: 190px; height: auto;}
	header .izanai{font-size: 14px; line-height: 17px; top: 10px; width: 180px;}
	header .izanai span{font-size: 10px;}
	header .gmenu{height: 54px;}
	header .gmenu li a{padding-top: 14px; height: 54px; font-size: 13px; line-height: 15px;}
	header .gmenu li a::before{height: 54px;}
	header .gmenu li a span{font-size: 10px;}
}

@media only screen and (max-width: 767px){
	.ttl_l{padding-bottom: 4px; margin-bottom: 30px;}
	.ttl_l li:last-child{font-size: 11px;}
	
	header .head_col{padding-top: 10px; height: 60px;}
	header .logo h1 img{height: 18px; width: auto;}
	header .logo h2{margin-top: 3px; letter-spacing: 0; font-size: 11px;}
	header .gmenu,
	header .logo,
	header .izanai{display: none;}
	header .park_logo{top: 14px; width: 190px; height: auto;}

	header .gmenu.active{display: block; height: 100vh;}
	header .gmenu .logo_sp{padding: 15px 0;}
	header .gmenu .logo_sp h1{text-align: center;}
	header .gmenu .logo_sp h1 img{height: auto; width: 230px;}
	header .gmenu .logo_sp h2{color: #fff; text-align: center; margin-top: 5px; font-size: 11px;}
	header .gmenu .gmenu_inner{padding: 0;}
	header .gmenu li{float: none; width: 100%;}
	header .gmenu li a,
	header .gmenu li:last-child a{border:none;}
	header .gmenu li a::before{display: none;}
	header .gmenu li a{border-top: 1px solid #9b3b26!important; height: auto; padding: 16px 0; font-size: 14px;}
	header .gmenu li:last-child a{border-bottom: 1px solid #9b3b26;}
	header .gmenu li span{display: none!important;}
	header .gmenu .izanai_sp{width: 90%; text-align: center; background-color: #fff; display: block; margin: 15px auto 0; padding: 8px 0; font-size: 16px; line-height: 20px; border:1px solid #eee;}
	header .gmenu .izanai_sp span{font-size: 12px; background-color: #000; color: #fff; padding: 2px 10px;}


	.menu-trg-area { width: 40px; height: 24px; z-index: 100; position: absolute; top: 17px; right: 15px; background: none; display: inline-block;}
	.menu-trigger,
	.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
	.menu-trigger { position: absolute; width: 40px; height: 24px; z-index: 2;}
	.menu-trigger span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #000;}
	.menu-trigger span:nth-of-type(1) { top: 0;}
	.menu-trigger span:nth-of-type(2) { top: 10px;}
	.menu-trigger span:nth-of-type(3) { bottom: 0;}
	.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); top: -8px;}
	.menu-trigger.active span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards;}
	.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); bottom: -11px;}
	footer{padding: 12px 0;}

}

article{margin-top: 144px;}


/*home*/
#loading {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index:10000;}
#loading img{width: 60px; height: 60px; margin:-30px 0 0 -30px ; text-align: center; line-height: 32px; z-index:1; position: absolute; top: 50%; left: 50%;}
#slideshow{width: 100%; position: fixed; top: 0; overflow: hidden; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
#slideshow .logo{position: absolute; top: 20px; left: 50px;}
#slideshow .logo img{width: 90px; height: auto;}
#contents{background-color: #fff; z-index: 2; position: relative;}
.home_banner{position: absolute; top: 30px; right: 30px;}
.home_banner a{display: block; border:1px solid #fff; padding: 17px 0; font-size: 14px; width: 250px; text-align: center; color: #fff; background: url(../images/btn_arrow.svg) no-repeat right bottom rgba(255,255,255,0.3);}
.home_banner a:hover{opacity: 0.6;}


.main_slider img{width: 100%; height: auto;}

.facility_col{padding-top: 60px; padding-bottom: 30px;}
.facility_col li{margin-bottom: 30px;}
.facility_col li a:hover>div,
.facility_col li a:hover img{opacity: 0.6;}
.facility_col .title{position: relative; background-color: #f9ebe8; width: 100%; height: 100%;}
.facility_col .title_inner{position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); text-align: center;}
.facility_col .title_inner h1{font-size: 24px; margin-bottom: 25px; letter-spacing: 0.2em; font-weight: bold;}
.facility_col .title_inner h1::after{content: ""; display: block; width: 56px; height: 1px; background-color: #000; margin: 20px auto 0;}
.facility_col .title_inner p{font-size: 16px;line-height: 26px; letter-spacing: 0.15em; font-weight: bold;}
.facility_col .facility_inner{text-align: center;}
.facility_col .facility_inner>div{padding: 15px 0 5px;}
.facility_col .facility_inner h2{font-size: 20px; color: #fff;}
.facility_col .facility_inner span{font-size: 11px; color: #fff; letter-spacing: 0.2em;}
.facility_col .facility_inner p{font-size: 14px; color: #fff; letter-spacing: 0; border-top: 1px solid #fff; padding-top: 5px; margin-top: 8px;}
.facility_col .color01{background-color: #794179;}
.facility_col .color02{background-color: #eaeaef;}
.facility_col .color03{background-color: #e5373f;}
.facility_col .color04{background-color: #f0c357;}
.facility_col .color05{background-color: #46b8ab;}
.facility_col .color01 p{border-color: #603060;}
.facility_col .color02 p{border-color: #cbcbd6;}
.facility_col .color03 p{border-color: #bf2c33;}
.facility_col .color04 p{border-color: #cea645;}
.facility_col .color05 p{border-color: #3d9e93;}
.facility_col .color02 h2,
.facility_col .color02 span,
.facility_col .color02 p{color: #000;}

.contents_banner{background-color: #edece7; padding: 60px 0;}
.contents_banner li{padding: 0 15px;}


.news{width: 50%; float: left; padding: 50px 50px 35px; min-height: 400px;}
.news .ttl_l{margin-bottom: 30px;}
.news .news_list li{padding: 10px 0;}
.news .news_list li:first-child{padding-top: 0;}
.news .news_list dt{font-size: 13px; width: 90px; text-align: left; font-weight: normal;}
.news .news_list dd{margin-left: 90px; font-size: 13px;}
.news .news_list dd a:hover{text-decoration: underline;}
.news .btn_list{background-color: #d7d5cf; display: block; border-radius: 3px; text-align: center; padding: 8px 0; color: #fff; transition-property: all; transition: 0.2s linear; margin-top: 15px;}
.news .btn_list:hover{background-color: #585035;}

.event{width: 50%; float: left;}
.event li{float: left; width: 50%;}
.event li.event_title{background-color: #40b9ab; position: relative;}
.event li.event_title h1{color: #fff; text-align: center; font-size: 20px; line-height: 24px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.event li.event_title span{font-size: 14px;}
.event a{display: block;}
.event li:nth-child(2) a,
.event li:nth-child(3) a,
.event li:nth-child(4) a{position: relative;}
.event li:nth-child(2) a:after{content: ""; z-index: 1; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(120,60,120,0.75);}
.event li:nth-child(3) a:after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(190,150,50,0.75);}
.event li:nth-child(4) a:after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(190,75,70,0.75);}
.event dl{z-index: 10; position: absolute; width: 80%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.event dt{text-align: center; font-size: 22px; color: #fff; font-weight: normal;}
.event dd{text-align: center; font-size: 11px; line-height: 16px; color: #fff; margin-top: 15px;}

.t_about{padding: 60px 0 80px; background: url(../images/bg_about.jpg) no-repeat center bottom; background-size: cover;}
.t_about .ttl_l{border-color: #fff;}
.t_about .ttl_l:after{background-color: #fff;}
.t_about .ttl_l li,
.t_about .ttl_l h1{color: #fff;}
.t_about h2{font-size: 18px; text-align: center; color: #fff; font-weight: bold; margin: 0 0 30px; letter-spacing: 0.2em;}
.t_about p{color: #fff; font-size: 14px; line-height: 28px; text-align: center;}
.t_about .btn_detail{width: 300px; background-color: rgba(255,255,255,0.7); transition-property: all; transition: 0.2s linear; font-size: 14px; margin: 20px auto 0; text-align: center; padding: 15px 0; display: block;}
.t_about .btn_detail:hover{ background-color: rgba(255,255,255,0.9); }

.banner{background-color: #000; padding: 30px 0;}
.banner ul{text-align: center;}
.banner li{display: inline-block; margin: 0 10px; width: 250px; text-align: center;}
.banner li a{display: block; border:1px solid #fff; padding: 17px 0; font-size: 14px; text-align: center; color: #fff; background: url(../images/btn_arrow.svg) no-repeat right bottom rgba(255,255,255,0.3); /* background-color: rgba(255,255,255,0.3);*/}

.t_facility{padding-top: 70px; padding-bottom: 70px;}
.t_facility .facility_list{margin-left: 20px;}
.t_facility .facility_list li{margin-bottom: 30px; font-size: 20px; font-weight: bold; line-height: 22px; letter-spacing: 0.1em;}
.t_facility .facility_list li span{font-size: 12px; font-weight: normal; padding-left: 24px;}
.t_facility .facility_list li a{transition-property: all; transition: 0.2s linear;}
.t_facility .facility_list li a:hover{color: #ccc;}
.t_facility .area_map{position: relative;}
.t_facility .area_map .fukidashi01{position: absolute; top: 56px; left: 80px;}
.t_facility .area_map .fukidashi02{position: absolute; top: 97px; left: 270px;}
.t_facility .area_map .fukidashi03{position: absolute; top: 180px; left: 100px;}
.t_facility .area_map .fukidashi04{position: absolute; top: 250px; left: 270px;}
.t_facility .area_map .fukidashi05{position: absolute; top: 150px; right: 175px;}

.t_facility .pottering_map{text-align: center; margin-top: 40px;}
.t_facility .pottering_map li{display: inline-block; margin: 0 10px;}

.t_access{padding-top: 70px; padding-bottom: 70px; background-color: #eeece7;}
.t_access .add{padding-right: 25px;}
.t_access .add h2{font-size: 16px; line-height: 21px; font-weight: bold; margin-bottom: 5px;}
.t_access .add h2 span{font-size: 13px;}
.t_access .add p{font-size: 13px; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.t_access .add .kiyaku_col{padding: 15px 0;}
.t_access .add .kiyaku_col p{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.t_access .parking_text{background-color: #bb4848; padding: 10px 0; margin: 15px 0; text-align: center;}
.t_access .parking_text span{color: #fff; font-size: 14px; font-weight: bold; line-height: 22px;}
.t_access .access_kind li{margin-bottom: 10px; font-size: 13px;}
.t_access .access_kind li dl{margin: 4px 0 0 1em;}
.t_access .access_kind li dt{font-weight: normal; font-size: 12px; line-height: 22px;}
.t_access .access_kind li dd{margin-left: 0.5em; font-size: 12px; line-height: 22px;}
.t_access .access_map{padding-left: 20px;}
.t_access .gmap{background-color: #fff; width: 100%; height: 380px; margin-top: 40px;}
.t_access .kiyaku{font-size: 13px; display: block; width: 380px; transition-property: all; transition: 0.2s linear; border-radius: 3px; color: #fff; background-color: #817d69; text-align: center; margin: 20px 0 0; padding: 16px 0;}
.t_access .kiyaku:hover{background-color: #d7d5cf;}
.t_access .bus_reserved{margin-top: 50px; background-color: #fff; padding: 25px 30px;}
.t_access .bus_reserved .row{margin-bottom: 20px;}
.t_access .bus_reserved h2{font-size: 16px; line-height: 21px; position: relative; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #aaa; padding-bottom: 10px;}
.t_access .bus_reserved h2 span{position: absolute; top: 1px; right: 0; font-size: 14px; color: #bb4848;}
.t_access .bus_reserved h3{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.t_access .bus_reserved p{letter-spacing: 0; font-size: 13px; line-height: 22px;}
.t_access .bus_reserved dl{border: 1px solid #ddd; padding: 10px;}
.t_access .bus_reserved dt{text-align: center; line-height: 22px; font-size: 13px;}
.t_access .bus_reserved dd{font-size: 28px; letter-spacing: 0.05em; margin-top: 6px;text-align: center;}
.t_access .bus_reserved dd span{font-size: 18px;}
.t_access .bus_reserved .pdf_col a{display: block; background-color: #817d69; width: 380px; transition-property: all; transition: 0.2s linear; color: #fff; padding: 16px 0; margin: 0 auto; border-radius: 3px; text-align: center; font-size: 13px; margin-top: 5px;}
.t_access .bus_reserved .pdf_col a:hover{background-color: #d7d5cf;}
.t_access .bus_reserved .pdf_col{text-align: center;}
.t_access .bus_reserved .pdf_col li{display: inline-block; margin: 0 10px;}

.t_access .omoiyari{background-color: #fff; padding: 30px; margin-top: 40px;}
.t_access .omoiyari h2{font-size: 16px; line-height: 21px; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #aaa; padding-bottom: 10px; color: #bb4848;}
.t_access .omoiyari p{font-size: 13px; line-height: 22px; margin-bottom: 20px;}
.t_access .omoiyari p span{color: #bb4848; font-size: 11px; top: -0.3em; vertical-align: top; position: relative;}
.t_access .omoiyari .col{border: 1px dashed #aaa; padding: 15px; margin-top: 15px;}
.t_access .omoiyari .col h3{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.t_access .omoiyari .col h3 span{color: #bb4848;}
.t_access .omoiyari .col p{font-size: 12px; line-height: 20px; margin-bottom: 0;}

.t_contact{padding-top: 70px; padding-bottom: 70px; background-color: #fff;}
.t_contact h2{font-size: 18px; font-weight: bold; margin-bottom: 40px; text-align: center;}
.t_contact h3{font-size: 15px; text-align: center; font-weight: bold; margin-bottom: 25px;}
.t_contact .tel{text-align: center;}
.t_contact .tel li{display: inline-block; margin: 0 10px; font-size: 36px; letter-spacing: 0.05em;}
.t_contact .tel li span{font-size: 24px;}
.t_contact p{text-align: center; margin-top: 15px; font-size: 14px;}
.t_contact .btn_contact{display: block; width: 400px; transition-property: all; transition: 0.2s linear; border-radius: 3px; margin: 0 auto; text-align: center; padding: 20px 0; background-color: #817d69; margin-top: 30px; color: #fff; font-size: 14px;}
.t_contact .btn_contact:hover{background-color: #d7d5cf;}

.t_download{padding-bottom: 40px;}
.t_download .ttl_l {margin-bottom: 30px;}
.t_download .row li{float: left!important; margin-bottom: 20px;}
.t_download .row li a{display: block; transition-property: all; transition: 0.2s linear; border-radius: 3px; text-align: center; padding: 16px 0; background-color: #817d69; color: #fff;}
.t_download .row li a:hover{background-color: #d7d5cf;}

@media only screen and (max-width: 1199px){
	article{margin-top: 130px;}

	.facility_col{padding-top: 50px;}
	.facility_col .row{margin: 0 -10px;}
	.facility_col li{margin-bottom: 20px; padding: 0 10px;}
	.facility_col .title_inner h1{font-size: 24px; margin-bottom: 20px;}
	.facility_col .title_inner h1::after{width: 50px; margin: 17px auto 0;}
	.facility_col .title_inner p{font-size: 14px; line-height: 22px; letter-spacing: 0.1em;}
	.facility_col .facility_inner h2{font-size: 18px;}
	.facility_col .facility_inner span{font-size: 10px;}
	.facility_col .facility_inner p{font-size: 13px; padding-top: 5px; margin-top: 8px;}
	.facility_col .color05 p{letter-spacing: -0.05em;}

	.contents_banner{padding: 50px 0;}
	.contents_banner li{padding: 0 10px;}


	.t_facility .area_map .fukidashi01{position: absolute; top: 65px; left: 24px;}
	.t_facility .area_map .fukidashi02{position: absolute; top: 93px; left: 217px;}
	.t_facility .area_map .fukidashi03{position: absolute; top: 175px; left: 40px;}
	.t_facility .area_map .fukidashi04{position: absolute; top: 250px; left: 217px;}
	.t_facility .area_map .fukidashi05{position: absolute; top: 140px; right: 120px;}
	.t_facility .pottering_map li{margin-bottom: 20px; width: 420px;}
}

@media only screen and (max-width: 991px){
	article{margin-top: 120px;}

	#slideshow .logo{position: absolute; top: 20px; left: 20px;}
	#slideshow .logo img{width: 70px; height: auto;}
	.home_banner{bottom: 30px; top: auto; right: auto; left: 50%; margin-left: -125px;}
	.home_banner a{padding: 14px 0; font-size: 13px;}


	.facility_col{padding-top: 30px; padding-bottom: 10px;}
	.facility_col .title_inner h1{font-size: 20px; margin-bottom: 15px;}
	.facility_col .title_inner h1::after{width: 40px; margin: 15px auto 0;}
	.facility_col .title_inner p{font-size: 13px; line-height: 20px;}
	.facility_col .facility_inner>div{padding: 10px 0 5px;}
	.facility_col .facility_inner h2{font-size: 16px; line-height: 16px;}
	.facility_col .facility_inner p{font-size: 12px; padding-top: 5px; margin-top: 4px;}
	.facility_col .color05 p{letter-spacing: 0;}

	.contents_banner{padding: 30px 0;}


	.news{padding: 30px 20px 25px;}
	.news .ttl_l{margin-bottom: 20px;}
	.news .news_list li{padding: 6px 0;}
	.news .news_list dt{font-size: 11px; width: 75px;}
	.news .news_list dd{margin-left: 75px; font-size: 12px;}
	.news .btn_list{padding: 5px 0; margin-top: 10px; font-size: 11px;}

	.event li.event_title h1{font-size: 16px; line-height: 20px;}
	.event li.event_title span{font-size: 11px;}
	.event dt{font-size: 20px;}
	.event dd{font-size: 11px; margin-top: 10px;}

	.t_about{padding: 40px 0;}
	.t_about h2{font-size: 16px; margin: 0 0 20px; letter-spacing: 0.15em;}
	.t_about p{font-size: 13px; line-height: 26px;}
	.t_about .btn_detail{font-size: 13px; padding: 12px 0;}

	.banner{padding: 10px 0 30px;}
	.banner li{margin: 0 5px; width: 210px;}
	.banner li a{padding: 14px 0; font-size: 13px;}

	.t_facility{padding-top: 40px; padding-bottom: 40px;}
	.t_facility .facility_list{margin-left: 10px;}
	.t_facility .facility_list li{margin-bottom: 20px; font-size: 17px; line-height: 20px;}
	.t_facility .facility_list li a{letter-spacing: 0.1em}
	.t_facility .area_map .fukidashi01{position: absolute; top: 46px; left: 20px;}
	.t_facility .area_map .fukidashi02{position: absolute; top: 72px; left: 170px;}
	.t_facility .area_map .fukidashi03{position: absolute; top: 140px; left: 35px;}
	.t_facility .area_map .fukidashi04{position: absolute; top: 180px; left: 170px;}
	.t_facility .area_map .fukidashi05{position: absolute; top: 110px; right: 70px;}
	.t_facility .area_map .fukidashi img{width: 85%; height: auto;}
	.t_facility .pottering_map{margin-top: 20px;}
	.t_facility .pottering_map li{width: 100%;}

	.t_access{padding-top: 40px; padding-bottom: 40px;}
	.t_access .add{padding-right: 20px;}
	.t_access .add h2{font-size: 14px; line-height: 20px;}
	.t_access .add h2 span{font-size: 12px;}
	.t_access .add p{font-size: 12px; margin-bottom: 10px; padding-bottom: 10px;}
	.t_access .access_kind li{margin-bottom: 5px; font-size: 12px;}
	.t_access .access_kind li dl{margin: 2px 0 0 1em;}
	.t_access .access_kind li dt{font-weight: normal; font-size: 11px; line-height: 20px; letter-spacing: 0;}
	.t_access .access_kind li dd{margin-left: 0.5em; font-size: 11px; line-height: 20px; letter-spacing: 0;}
	.t_access .gmap{height: 320px; margin-top: 30px;}
	.t_access .kiyaku{margin: 20px auto;}
	.t_access .bus_reserved{margin-top: 40px; padding: 20px 25px;}
	.t_access .bus_reserved .row{margin-bottom: 15px;}
	.t_access .bus_reserved h2{font-size: 14px;  padding-bottom: 5px;}
	.t_access .bus_reserved h2 span{top: 0px; right: 0; font-size: 13px;}
	.t_access .bus_reserved h3{font-size: 13px;}
	.t_access .bus_reserved p{font-size: 12px; line-height: 20px;}
	.t_access .bus_reserved dl{padding: 14px 10px;}
	.t_access .bus_reserved dt{line-height: 20px; font-size: 12px;}
	.t_access .bus_reserved dd{margin-top: 8px;}
	.t_access .bus_reserved dd span{font-size: 16px;}
	.t_access .omoiyari{padding: 25px; margin-top: 30px;}

	.t_contact{padding-top: 40px; padding-bottom: 40px;}
	.t_contact h2{font-size: 16px; margin-bottom: 25px;}
	.t_contact h3{font-size: 13px; margin-bottom: 20px;}
	.t_contact p{font-size: 13px;}
	.t_contact .btn_contact{font-size: 13px;}
}

@media only screen and (max-width: 767px){
	article{margin-top: 60px;}

	.facility_col{padding-top: 20px; padding-bottom: 5px;}
	.facility_col li{margin-bottom: 15px;}
	.facility_col .title{background-color: #fff;}
	.facility_col .title_inner{position: static; top: auto; left: auto; transform: translateY(0) translateX(0); -webkit- transform: translateY(0) translateX(0);}
	.facility_col .title_inner h1{font-size: 16px; margin-bottom: 7px;}
	.facility_col .title_inner h1::after{width: 35px; margin: 10px auto 0;}
	.facility_col .title_inner p{font-size: 12px; line-height: 20px;}
	.facility_col .facility_inner>div{padding: 10px 0 5px;}
	.facility_col .facility_inner h2{font-size: 15px; line-height: 15px;}
	.facility_col .facility_inner p{font-size: 12px; padding-top: 5px; margin-top: 4px;}
	.facility_col .color05 p{letter-spacing: 0;}

	.contents_banner{padding: 20px 0;}
	.contents_banner li{padding: 0 5px;}
	.contents_banner .slick-prev{left: -10px; z-index: 100;}
	.contents_banner .slick-next{right: -10px; z-index: 100;}

	.news{width: 100%; float: none; padding: 20px 15px; min-height: auto;}
	.news .ttl_l{margin-bottom: 15px;}
	.news .news_list li{padding: 6px 0;}
	.news .news_list dt{font-size: 11px; width: 100%;}
	.news .news_list dd{margin-left: 0; font-size: 12px;}
	.news .btn_list{padding: 5px 0; margin-top: 10px; font-size: 11px;}

	.event{width: 100%; float: none;}
	.event li a{height: 160px!important;}
	.event li.event_title h1{font-size: 15px; line-height: 19px;}
	.event li.event_title span{font-size: 10px;}
	.event dl{width: 90%;}
	.event dt{font-size: 18px;}

	.t_about{padding: 30px 0;}
	.t_about h2{font-size: 14px; line-height: 23px; margin: 0 0 10px;}
	.t_about p{font-size: 12px; line-height: 22px; letter-spacing: 0;}
	.t_about .btn_detail{font-size: 12px; padding: 10px 0; width: 250px; margin-top: 10px;}

	.banner li{margin: 0 5px 10px; width: 220px;}
	.banner li a{padding: 12px 0; font-size: 12px;}

	.t_facility{padding-top: 30px; padding-bottom: 30px;}
	.t_facility .facility_list{margin: 0 -10px;}
	.t_facility .facility_list li{margin-bottom: 20px; padding: 0 10px; font-size: 14px; line-height: 18px; float: left; width: 50%; text-align: center; margin-bottom: 10px;}
	.t_facility .facility_list li a{letter-spacing: 0.1em; display: block; border: 1px solid #ccc; padding: 8px 0; border-radius: 3px;}
	.t_facility .facility_list li span{font-size: 11px;}
	.t_facility .pottering_map li{display: inline-block; margin: 0;}
	.t_facility .pottering_map li:first-child{margin-bottom: 10px;}
	.t_facility .area_map .fukidashi{display: none;}

	.t_access{padding-top: 30px; padding-bottom: 30px;}
	.t_access .add{padding-right: 15px;}
	.t_access .add h2{font-size: 13px; line-height: 18px; margin-bottom: 5px;}
	.t_access .add h2 span{font-size: 11px;}
	.t_access .add p{font-size: 11px; margin-bottom: 8px; padding-bottom: 8px;}
	.t_access .parking_text{padding: 5px; margin-top: 15px; margin-bottom: 15PX;}
	.t_access .parking_text span{font-size: 13px; line-height: 20px;}
	.t_access .access_kind li{font-size: 11px;}
	.t_access .access_map{padding-left: 15px; margin-top: 15px;}
	.t_access .gmap{height: 250px; margin-top: 30px;}
	.t_access .kiyaku{width: 100%; padding: 12px 0; font-size: 12px;}
	.t_access .bus_reserved{margin-top: 30px; padding: 20px;}
	.t_access .bus_reserved h2{font-size: 13px; margin-bottom: 8px; line-height: 20px;}
	.t_access .bus_reserved h2 span{top: auto; right: auto; font-size: 12px; position: static; display: inline-block;}
	.t_access .bus_reserved h3{font-size: 12px;}
	.t_access .bus_reserved dl{padding: 5px; margin-top: 10px;}
	.t_access .bus_reserved dd span{font-size: 16px;}
	.t_access .bus_reserved .pdf_col a{width: 250px; padding: 12px 0; font-size: 12px;}
	.t_access .bus_reserved .pdf_col li{margin-bottom: 5px;}
	.t_access .omoiyari{padding: 15px; margin-top: 20px;}
	.t_access .omoiyari h2{font-size: 14px; line-height: 20px; margin-bottom: 10px; padding-bottom: 5px;}
	.t_access .omoiyari p{font-size: 12px; line-height: 19px;}
	.t_access .omoiyari p span{font-size: 10px; top: -0.2em;}
	.t_access .omoiyari .col{padding: 10px; margin-top: 10px;}
	.t_access .omoiyari .col h3{font-size: 13px; margin-bottom: 3px;}
	.t_access .omoiyari .col p{font-size: 11px; line-height: 18px;}

	.t_contact{padding-top: 30px; padding-bottom: 30px;}
	.t_contact h2{font-size: 14px; line-height: 22px; margin-bottom: 15px;}
	.t_contact h3{font-size: 12px; line-height: 18px; margin-bottom: 10px;}
	.t_contact .tel li{margin: 5px 0; font-size: 30px;}
	.t_contact .tel li span{font-size: 20px;}
	.t_contact p{font-size: 12px; margin-top: 10px;}
	.t_contact .btn_contact{width: 100%; padding: 15px 0; font-size: 12px; margin-top: 20px;}


	.t_download{padding-bottom: 30px;}
	.t_download .ttl_l {margin-bottom: 20px;}
	.t_download .row li{margin-bottom: 5px;}
	.t_download .row li a{display: inline; border-radius: 0; text-align: left; padding: 0; background-color: transparent; color: #000; text-decoration: underline;}
	.t_download .row li a:hover{background-color: #d7d5cf;}
}





/*sub common*/
/*#sub header{bottom: auto; top: 0; width: 100%; background-color: #000;}
#sub article{margin-top: 131px;}*/
#sub .facility_list{margin-bottom: 60px;}
#sub .facility_list li{float: left; width: 20%; text-align: center;}
#sub .facility_list a{display: block; padding: 12px 0; font-size: 16px; line-height: 18px; color: #fff;}
#sub .facility_list a:hover{opacity: 0.5;}
#sub .facility_list a span{font-size: 11px;}
#sub .facility_list li:nth-child(1) a{background-color: #7a3f7a;}
#sub .facility_list li:nth-child(2) a{background-color: #eaeaef; color: #000;}
#sub .facility_list li:nth-child(3) a{background-color: #e83539;}
#sub .facility_list li:nth-child(4) a{background-color: #f1c44c;}
#sub .facility_list li:nth-child(5) a{background-color: #40b9ab;}

#sub .contents_banner{margin-top: 50px;}


@media only screen and (max-width: 991px){
	/*#sub article{margin-top: 109px;}*/
	#sub .facility_list{margin-bottom: 50px;}
	#sub .facility_list a{font-size: 14px; line-height: 16px;}

	#sub .contents_banner{margin-top: 40px;}
}

@media only screen and (max-width: 767px){
	/*#sub header .title_col{padding-left: 15px;}
	#sub header .title_col .title_lead{display: none;}
	#sub header .title_col .title{padding-top: 17px; padding-bottom:17px;}
	#sub header .title_col .title img{height: 18px; width: auto;}
	#sub header .title_col .title li:last-child{padding-top: 0px; letter-spacing: 0.15em; margin-left: 10px;}
	#sub header .gmenu_col{display: none;}
	#sub header .gmenu_col.active{display: block; height: 100vh; visibility: visible; opacity: 1;}
	#sub header .title_col .gmenu{margin-top: 0;}
	#sub article{margin-top: 54px;}*/
	#sub .facility_list{margin-bottom: 30px;}
	#sub .facility_list li{width: 33.3333%;}
	#sub .facility_list li:nth-child(4),
	#sub .facility_list li:nth-child(5){width: 50%;}
	#sub .facility_list a{font-size: 13px; line-height: 15px; padding: 10px 0;}
	#sub .facility_list a span{font-size: 10px; letter-spacing: 0.05em;}

	#sub .contents_banner{margin-top: 30px;}
}




.facility .col{margin-top: 70px;}
.facility .col.first{margin-top: 0;}
.facility .col h2{font-size: 12px; font-weight: bold; line-height: 28px; margin-bottom: 20px; border-bottom: 1px solid #ddd;  padding-bottom: 5px;}
.facility .col h2 span{font-size: 18px;}
.facility .col p{font-size: 13px; line-height: 24px;}
.facility .col .logo{margin-top: 20px;}
.facility .col .photo{margin-top: 20px;}
.facility .col .photo .mb{margin-bottom: 30px;}
.facility .col .tenbou li{margin-bottom: 20px;}
.facility .col .tenbou li p{text-align: center; letter-spacing: 0; margin-top: 5px; line-height: 18px;}
.facility .col dl{margin-top: 20px; background-color: #eee; padding: 15px 20px 12px 20px;}
.facility .col.first dl{margin-bottom: 10px;}
.facility .col dt{text-align: left; width: 90px; margin-bottom: 3px;}
.facility .col dd{margin-left: 90px; line-height: 18px; margin-bottom: 3px;}
.facility .col dt.last{width: 150px;}
.facility .col dd.last{margin-left: 150px;}
.facility .col dd a{text-decoration: underline;}
.facility .map_col{padding-left: 70px;}
.facility .kiyaku{font-size: 13px; display: block; width: 400px; transition-property: all; transition: 0.2s linear; border-radius: 3px; color: #fff; background-color: #817d69; text-align: center; margin: 50px auto 0; padding: 16px 0;}
.facility .kiyaku:hover{background-color: #d7d5cf;}
.facility03 .col .logo{margin-top: 5px;}
.facility01 .kome{font-size: 11px!important; line-height: 18px!important; margin-top: 3px;}
.facility .col .vr_col{margin-top: 20px;}
.facility .col .vr_col h2{margin-bottom: 10px;}
.facility .col .vr_col p{font-size: 12px; line-height: 20px;}
.facility table{width: 100%; margin-top: 30px;}
.facility table .w1{width: 30%;}
.facility table .w2{width: 35%;}
.facility table .w3{width: 35%;}
.facility th{background-color: #eeece6;}
.facility th,
.facility td{text-align: center; padding: 15px; border:1px solid #ddd;}

.facility01 .col h2{font-size: 14px;}
.facility01 .col p{margin-top: 10px; font-size: 13px; line-height: 20px;}
.facebook_col{width: 500px; margin: 30px auto 0;}
@media only screen and (max-width: 1199px){
	.facility .map_col{padding-left: 50px;}
	.facility table .w1{width: 22%;}
	.facility table .w2{width: 40%;}
	.facility table .w3{width: 40%;}
	.facility th,
	.facility td{padding: 15px 10px;}
}

@media only screen and (max-width: 991px){
	.facility .col h2{line-height: 23px; margin-bottom: 15px;}
	.facility .col h2 span{font-size: 15px;}
	.facility .col p{font-size: 12px; line-height: 22px;}
	.facility .col .logo{margin-top: 15px; margin-bottom: 15px;}
	.facility .col .logo img{width: auto; height: 70px;}
	.facility .map_col{padding-left: 30px;}
	.facility .kiyaku{margin-top: 30px;}
	.facility table{margin-top: 20px;}
	.facility th,
	.facility td{padding: 10px;}
	.facility table .w1{width: 30%;}
	.facility table .w2{width: 35%;}
	.facility table .w3{width: 35%;}

	.facility01 .col h2{font-size: 13px;}
	.facility03 .col .logo img{height: 100px; width: auto;}
	.facility01 .col .photo .mb{margin-bottom: 20px;}
	.facebook_col{width: 470px;}
}

@media only screen and (max-width: 767px){
	.facility .col{margin-top: 40px;}
	.facility .col h2{line-height: 20px; margin-bottom: 10px; font-size: 11px;}
	.facility .col h2 span{font-size: 14px;}
	.facility .col p{line-height: 20px;}
	.facility .col .logo img{width: auto; height: 60px;}
	.facility .col .photo{margin: 15px -5px;}
	.facility .col .photo li{padding: 0 5px;}
	.facility .col .photo .mb{margin-bottom: 10px;}
	.facility .col dl{margin-top: 15px; padding: 10px 15px 4px 15px;}
	.facility .col dt{width: 100%; margin-bottom: 0;}
	.facility .col dd{margin-left: 0; margin-bottom: 8px;}
	.facility .col dt.last{width: 100%;}
	.facility .col dd.last{margin-left: 0;}
	.facility .map_col{padding-left: 15px; margin-top: 30px;}
	.facility .kiyaku{margin-top: 20px; width: 100%; font-size: 12px; padding: 12px 0;}
	.facility03 .col .logo img{height: 80px; width: auto;}
	.facility01 .kome{font-size: 10px!important; line-height: 16px!important;}

	.facility01 .col h2{font-size: 12px;}
	.facility01 .col p{margin-top: 5px; font-size: 11px; line-height: 18px;}
	.facility01 .col .photo .mb{margin-bottom: 25px;}
	.facility th{font-size: 11px; line-height: 17px;}
	.facility td{font-size: 12px; line-height: 18px;}
	.facility th,
	.facility td{padding: 5px 0;}
	.facility table .w1{width: 26%;}
	.facility table .w2{width: 28%;}
	.facility table .w3{width: 46%;}

	.facebook_col{width: 100%; margin-top: 20px;}
}



/*access*/
.access .access_col{padding-top: 40px;}
.access .add h2{font-size: 16px; line-height: 21px; font-weight: bold; margin-bottom: 10px;}
.access .add h2 span{font-size: 13px;}
.access .add p{font-size: 13px; margin-bottom: 15px; border-bottom: 1px solid #000; padding-bottom: 15px;}
.access .access_kind li{margin-bottom: 8px; font-size: 13px;}
.access .access_kind li dl{margin: 4px 0 0 1em;}
.access .access_kind li dt{font-weight: normal; font-size: 12px; line-height: 22px; letter-spacing: 0;}
.access .access_kind li dd{margin-left: 0.5em; font-size: 12px; line-height: 22px;}
.access .access_map{padding-left: 0;}
.access .gmap{background-color: #eee; width: 100%; height: 320px;}
.access .parking{margin-top: 80px; margin-bottom: 40px;}
.access .parking h2{font-size: 16px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000;}
.access .parking p{font-size: 13px; line-height: 24px;}
.access .kiyaku{font-size: 13px; display: block; width: 380px; transition-property: all; transition: 0.2s linear; border-radius: 3px; color: #fff; background-color: #817d69; text-align: center; margin: 20px auto 0; padding: 16px 0;}
.access .kiyaku:hover{background-color: #d7d5cf;}
.access .parking_text{background-color: #bb4848; padding: 10px 0; margin: 20px 0; text-align: center;}
.access .parking_text span{color: #fff; font-size: 14px; font-weight: bold; line-height: 22px;}
.access .bus_reserved{margin-top: 50px; background-color: #fff;}
.access .bus_reserved .row{margin-bottom: 20px;}
.access .bus_reserved h2{font-size: 16px; line-height: 21px; position: relative; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #aaa; padding-bottom: 10px;}
.access .bus_reserved h2 span{position: absolute; top: 1px; right: 0; font-size: 14px; color: #bb4848;}
.access .bus_reserved h3{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.access .bus_reserved p{letter-spacing: 0; font-size: 13px; line-height: 22px;}
.access .bus_reserved dl{border: 1px solid #ddd; padding: 10px;}
.access .bus_reserved dt{text-align: center; line-height: 22px; font-size: 13px;}
.access .bus_reserved dd{font-size: 28px; letter-spacing: 0.05em; margin-top: 6px;text-align: center;}
.access .bus_reserved dd span{font-size: 18px;}
.access .bus_reserved a{display: block; background-color: #817d69; width: 380px; transition-property: all; transition: 0.2s linear; color: #fff; padding: 16px 0; margin: 0 auto; border-radius: 3px; text-align: center; font-size: 13px; margin-top: 5px;}
.access .bus_reserved a:hover{background-color: #d7d5cf;}
.access .bus_reserved .pdf_col{text-align: center;}
.access .bus_reserved .pdf_col li{margin: 0 10px; display: inline-block;}

.access .omoiyari{background-color: #f3f0e2; padding: 30px; margin-top: 40px;}
.access .omoiyari h2{font-size: 16px; line-height: 21px; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #aaa; padding-bottom: 10px; color: #bb4848;}
.access .omoiyari p{font-size: 13px; line-height: 22px; margin-bottom: 15px;}
.access .omoiyari p span{color: #bb4848; font-size: 11px; top: -0.3em; vertical-align: top; position: relative;}
.access .omoiyari .col{border: 1px dashed #aaa; padding: 15px; margin-top: 15px;}
.access .omoiyari .col h3{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.access .omoiyari .col h3 span{color: #bb4848;}
.access .omoiyari .col p{font-size: 12px; line-height: 20px; margin-bottom: 0;}
@media only screen and (max-width: 991px){
	.access .access_col{padding-top: 30px;}
	.access .add{padding-right: 20px;}
	.access .add h2{font-size: 14px; line-height: 20px;}
	.access .add h2 span{font-size: 12px;}
	.access .add p{font-size: 12px; margin-bottom: 10px; padding-bottom: 10px;}
	.access .access_kind li{margin-bottom: 5px; font-size: 12px;}
	.access .access_kind li dl{margin: 2px 0 0 1em;}
	.access .access_kind li dt{font-weight: normal; font-size: 11px; line-height: 20px; letter-spacing: 0;}
	.access .access_kind li dd{margin-left: 0.5em; font-size: 11px; line-height: 20px; letter-spacing: 0;}
	.access .gmap{height: 320px; margin-top: 30px;}
	.access .bus_reserved{margin-top: 40px;}
	.access .bus_reserved .row{margin-bottom: 15px;}
	.access .bus_reserved h2{font-size: 14px;  padding-bottom: 5px;}
	.access .bus_reserved h2 span{top: 0px; right: 0; font-size: 13px;}
	.access .bus_reserved h3{font-size: 13px;}
	.access .bus_reserved p{font-size: 12px; line-height: 20px;}
	.access .bus_reserved dl{padding: 14px 10px;}
	.access .bus_reserved dt{line-height: 20px; font-size: 12px;}
	.access .bus_reserved dd{margin-top: 8px;}
	.access .bus_reserved dd span{font-size: 16px;}

	.access .omoiyari{padding: 25px; margin-top: 30px;}
}

@media only screen and (max-width: 767px){
	.access .access_col{padding-top: 20px;}
	.access .add{padding-right: 15px;}
	.access .add h2{font-size: 13px; line-height: 18px; margin-bottom: 5px;}
	.access .add h2 span{font-size: 11px;}
	.access .add p{font-size: 11px; margin-bottom: 8px; padding-bottom: 8px;}
	.access .access_kind li{font-size: 11px;}
	.access .access_map{padding-left: 15px; margin-top: 15px;}
	.access .parking{margin-top: 40px; margin-bottom: 20px;}
	.access .parking h2{font-size: 13px; margin-bottom: 5px; padding-bottom: 5px;}
	.access .parking p{font-size: 11px; line-height: 18px;}
	.access .gmap{height: 250px; margin-top: 30px;}
	.access .kiyaku{width: 100%; padding: 12px 0; font-size: 12px;}

	.access .parking_text{padding: 5px; margin-top: 15px; margin-bottom: 15PX;}
	.access .parking_text span{font-size: 13px; line-height: 20px;}
	.access .bus_reserved{margin-top: 30px;}
	.access .bus_reserved h2{font-size: 13px; margin-bottom: 8px; line-height: 20px;}
	.access .bus_reserved h2 span{top: auto; right: auto; font-size: 12px; position: static; display: inline-block;}
	.access .bus_reserved h3{font-size: 12px;}
	.access .bus_reserved dl{padding: 5px; margin-top: 10px;}
	.access .bus_reserved dd span{font-size: 16px;}
	.access .bus_reserved a{width: 250px; padding: 12px 0; font-size: 12px;}
	.access .bus_reserved .pdf_col li{margin: 5px 10px 0; display: inline-block;}

	.access .omoiyari{padding: 15px; margin-top: 20px;}
	.access .omoiyari h2{font-size: 14px; line-height: 20px; margin-bottom: 10px; padding-bottom: 5px;}
	.access .omoiyari p{font-size: 12px; line-height: 19px;}
	.access .omoiyari p span{font-size: 10px; top: -0.2em;}
	.access .omoiyari .col{padding: 10px; margin-top: 10px;}
	.access .omoiyari .col h3{font-size: 13px; margin-bottom: 3px;}
	.access .omoiyari .col p{font-size: 11px; line-height: 18px;}
}

/*application*/
.application article{padding-top: 40px;}
.application .text_link li{margin-bottom: 15px;}
.application .text_link a{font-size: 13px; text-decoration: underline;}
@media only screen and (max-width: 991px){
	.application article{padding-top: 30px;}
}
@media only screen and (max-width: 767px){
	.application article{padding-top: 20px;}
}


/*journal*/
.journal article{padding-top: 40px;}
.journal_link li{text-align: center; margin-bottom: 40px;}
.journal_link li a:hover img{opacity: 0.6;}
.journal_link li dd{margin-top: 5px;}
.journal_link li dd a{font-size: 14px;}
@media only screen and (max-width: 991px){
	.journal article{padding-top: 30px;}
}
@media only screen and (max-width: 767px){
	.journal article{padding-top: 20px;}
	.journal_link li dd a{font-size: 12px;}
}


/*about*/
.about .photo{background: url(../images/main.jpg) no-repeat center; background-size: cover; width: 100%; height: 300px; position: relative;}
.about .photo h2{font-size: 20px; text-align: center; font-weight: bold; line-height: 34px; color: #fff; letter-spacing: 0.3em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.about .about_col{padding-top: 40px; width: 820px; margin: 0 auto;}
.about .about_col p{font-size: 13px; line-height: 28px; margin-bottom: 20px;}
.about .about_col h3{font-size: 16px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px; margin-top: 50px;}

@media only screen and (max-width: 991px){
	.about .photo{height: 230px;}
	.about .photo h2{font-size: 18px; line-height: 30px; letter-spacing: 0.25em;}
	.about .about_col{padding-top: 30px; width: 720px;}
	.about .about_col p{line-height: 26px; margin-bottom: 15px;}
	.about .about_col h3{font-size: 15px; margin-top: 40px;}
}
@media only screen and (max-width: 767px){
	.about .photo{height: 150px;}
	.about .photo h2{font-size: 14px; line-height: 24px; letter-spacing: 0.15em; width: 80%;}
	.about .about_col{padding-top: 20px; width: 100%;}
	.about .about_col p{line-height: 20px; margin-bottom: 15px; font-size: 12px;}
	.about .about_col h3{font-size: 13px; margin-top: 30px; padding-bottom: 5px; margin-bottom: 5px;}
}


/*contact*/
.contact article{padding-top: 40px;}
.contact .contact_list{text-align: center;}
.contact .contact_list h2{font-size: 18px; font-weight: bold; margin-bottom: 18px; margin-top: 50px;}
.contact .contact_list h2.first{margin-top: 0;}
.contact .contact_list li{font-size: 13px; line-height: 22px; margin-bottom: 10px;}
.contact .contact_list li span{font-weight: bold;}
.contact .contact_list p{font-size: 13px; line-height: 24px;}
.contact .contact_list p a{text-decoration: underline;}
.contact .contact_form{width: 820px; margin: 50px auto;}
.contact .contact_form h2{font-size: 16px; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #000;}
.contact .contact_form p{text-align: right;}
.contact .contact_form th span{color: #ff0000;}
.contact .contact_form table{width: 100%; margin-top: 5px;}
.contact .contact_form table th,
.contact .contact_form table td{border:1px solid #ddd; padding: 20px; font-size: 13px;}
.contact .contact_form table th{width: 30%; text-align: center; background-color: #eeece7;}
.contact .contact_form table th span{font-size: 11px;}
.contact .contact_form table td{width: 70%;}
.contact .contact_form table td input{height: 40px; font-size: 13px;}
.contact .contact_form table td input.input_l{width: 350px;}
.contact .contact_form table td input.input_s{width: 100px;}
.contact .contact_form table td textarea{width: 100%; height: 100px;}
.contact .contact_form .submit{display: block; width: 300px; padding: 15px 0; text-align: center; margin: 20px auto 0; background-color: #817d69; color: #fff; border-radius: 3px; font-size: 14px;}

@media only screen and (max-width: 991px){
	.contact article{padding-top: 30px;}
	.contact .contact_list h2{font-size: 16px; margin-top: 30px;}
	.contact .contact_form{width: 100%; margin: 40px auto;}
	.contact .contact_form h2{font-size: 15px; margin-bottom: 15px;}
	.contact .contact_form table th,
	.contact .contact_form table td{padding: 12px 15px;}
}

@media only screen and (max-width: 767px){
	.contact article{padding-top: 20px;}
	.contact .contact_list{text-align: left;}
	.contact .contact_list h2{font-size: 13px; margin-top: 20px; margin-bottom: 8px; border-bottom: 1px solid #999; padding-bottom: 3px;}
	.contact .contact_list p{line-height: 20px; font-size: 12px;}
	.contact .contact_list a{text-decoration: underline;}
	.contact .contact_list li{font-size: 12px; line-height: 20px; margin-bottom: 5px;}
	.contact .contact_form{margin: 30px auto;}
	.contact .contact_form h2{font-size: 14px; margin-bottom: 10px; padding-bottom: 5px;}
	.contact .contact_form table{border-bottom: 1px solid #ddd;}
	.contact .contact_form table th,
	.contact .contact_form table td{display: list-item; list-style: none; width: 100%; padding: 10px; font-size: 12px; border-bottom: none; text-align: left;}
	.contact .contact_form table td input{height: 30px; font-size: 12px;}
	.contact .contact_form table td input.input_l{width: 250px;}
	.contact .contact_form table td input.input_s{width: 70px;}
	.contact .contact_form table td textarea{height: 80px;}
	.contact .contact_form .submit{width: 250px; padding: 12px 0; margin: 15px auto 0; font-size: 12px;}
}


.article_list{padding-top: 40px; margin-bottom: 40px;}
.article_list .ttl_l{margin-bottom: 30px;}
.article_list .news_list li{margin-bottom: 15px;}
.article_list .news_list dt{text-align: left; font-size: 14px; font-weight: normal; width: 170px;}
.article_list .news_list dt li{float: left; margin-bottom: 0;}
.article_list .news_list dt li:first-child{margin-right: 10px;}
.article_list .news_list dt li span{background-color: #000; color: #fff; padding: 4px 5px; text-align: center; font-size: 11px; line-height: 1; width: 80px; display: inline-block;}
.article_list .news_list dd{font-size: 14px; margin-left: 170px;}
.article_list .news_list dd a{text-decoration: underline;}

@media only screen and (max-width: 991px){
	.article_list{padding-top: 30px;}
	.article_list .news_list dt,
	.article_list .news_list dd{font-size: 13px;}
}

@media only screen and (max-width: 767px){
	.article_list{padding-top: 20px; margin-bottom: 30px;}
	.article_list .ttl_l{margin-bottom: 20px;}
	.article_list .news_list dt,
	.article_list .news_list dd{font-size: 12px;}
	.article_list .news_list dt{width: 100%;}
	.article_list .news_list dd{margin-left: 0;}
}

.event_list li{margin-bottom: 30px;}
.event_list li a:hover img{opacity: 0.5;}
.event_list dl{margin-top: 5px;}
.event_list dt{font-weight: normal;}
.event_list dd{font-weight: bold;}
.event_list dd a:hover{color: #ccc;}

.article_single{padding-top: 40px; margin-bottom: 40px;}
.single .left_col{float: left; width: 68%;}
.single .left_col dt{font-weight: normal;}
.single .left_col dt li{float: left; margin-right: 10px;}
.single .left_col dt li span{background-color: #000; color: #fff; padding: 4px 5px; font-size: 11px;}
.single .left_col dd h1{font-size: 18px; font-weight: bold; margin-top: 10px; line-height: 26px; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 25px;}
.single .left_col .text p{font-size: 13px; line-height: 24px; margin-bottom: 25px;}
.single .left_col .text img{max-width: 100%; height: auto; margin-bottom: 25px;}
.single .left_col .text a{text-decoration: underline;}
.single .left_col .text a:hover{text-decoration: none;}
.single .left_col .btn_list{display: block; width: 250px; text-align: center; padding: 15px 0; background-color: #817d69; margin: 40px auto 0; color: #fff; border-radius: 3px;}
.single .right_col{float: right; width: 32%; padding-left: 50px;}
.single .right_col h3{font-size: 14px; background-color: #eeece7; padding: 18px 15px; margin-bottom: 10px;}
.single .right_col li{border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.single .right_col li dt{font-weight: normal;}
.single .right_col li dd a{text-decoration: underline;}
.single .right_col li dd a:hover{text-decoration: none;}

@media only screen and (max-width: 991px){
	.article_single{padding-top: 30px;}
	.single .left_col{width: 64%;}
	.single .left_col dd h1{font-size: 16px; line-height: 24px; padding-bottom: 10px; margin-bottom: 20px;}
	.single .left_col .text p{margin-bottom: 20px;}
	.single .left_col .text img{margin-bottom: 20px;}
	.single .right_col{width: 36%; padding-left: 30px;}
	.single .right_col h3{font-size: 13px; padding: 14px 12px;}
}

@media only screen and (max-width: 767px){
	.article_single{padding-top: 20px; margin-bottom: 30px;}
	.article_single .ttl_l{margin-bottom: 20px;}
	.single .left_col{float: none; width: 100%;}
	.single .left_col dt{font-size: 11px;}
	.single .left_col dd h1{font-size: 14px; line-height: 22px; padding-bottom: 5px; margin-bottom: 10px; margin-top: 5px;}
	.single .left_col .text p{margin-bottom: 15px; font-size: 12px; line-height: 20px;}
	.single .left_col .text img{margin-bottom: 15px;}
	.single .left_col .btn_list{padding: 13px 0; margin: 20px auto 0;}
	.single .right_col{width: 100%; float: none; padding-left: 0; margin-top: 40px;}
	.single .right_col h3{font-size: 13px; padding: 14px 12px;}
}



/*careful*/
.careful .careful_col .ttl_l li{float: left!important;}
.careful .careful_col{padding-top: 40px;}
.careful .careful_col h2{font-size: 16px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 20px; margin-top: 50px;}
.careful .careful_col .flow dt{width: 130px; text-align: center;}
.careful .careful_col .flow dd{margin-left: 130px;}
.careful .careful_col .flow li{font-size: 14px; line-height: 26px;}
.careful .careful_col .careful_detail li{margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.careful .careful_col .careful_detail li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.careful .careful_col .careful_detail dl{display: table;}
.careful .careful_col .careful_detail dt{width: 100px;}
.careful .careful_col .careful_detail dd{margin-left: 110px; font-size: 14px; line-height: 22px; vertical-align: middle; display: table-cell;}

@media only screen and (max-width: 767px){
	.careful .careful_col{padding-top: 20px;}
	.careful .careful_col h2{font-size: 14px; padding-bottom: 5px; margin-bottom: 15px; margin-top: 30px;}
	.careful .careful_col .flow dt{width: 100%;}
	.careful .careful_col .flow dd{margin-left: 0; padding-top: 10px;}
	.careful .careful_col .flow li{margin-bottom: 10px;}
	.careful .careful_col .flow li{font-size: 12px; line-height: 18px;}
	.careful .careful_col .careful_detail li{margin-bottom: 5px; padding-bottom: 5px;}
	.careful .careful_col .careful_detail dt{width: 60px; display: table-cell; vertical-align: middle;}
	.careful .careful_col .careful_detail dt img{width: 50px; height: auto;}
	.careful .careful_col .careful_detail dd{padding-left: 10px; font-size: 12px; line-height: 18px; }
}




/*download*/
.download .download_col{padding-top: 40px;}
.download .download_col .ttl_l{margin-bottom: 30px;}
.download .download_col .ttl_l li{float: left!important;}
.download .download_col .list li{margin-bottom: 15px;}
.download .download_col .list li a{text-decoration: underline; font-size: 14px;}
@media only screen and (max-width: 991px){
	.download .download_col .ttl_l{margin-bottom: 20px;}
	.download .download_col .list li a{font-size: 13px;}
}
@media only screen and (max-width: 767px){
	.download .download_col{padding-top: 20px;}
	.download .download_col .list li{margin-bottom: 10px;}
	.download .download_col .list li a{font-size: 12px;}
}






.facility .program{margin-top: 60px;}
.facility .program h2{font-size: 16px; text-align: center;}
.facility .program h2 span{border-bottom: 1px solid #000; padding-bottom: 5px;}
.facility .program a{display: block; width: 400px; transition-property: all; transition: 0.2s linear; border-radius: 3px; margin: 30px auto 30px; text-align: center; padding: 20px 0; background-color: #817d69; color: #fff; font-size: 14px;}
@media only screen and (max-width: 991px){
	.facility .program a{font-size: 13px;}
}
@media only screen and (max-width: 767px){
	.facility .program h2{font-size: 14px;}
	.facility .program a{width: 300px; padding: 15px 0; font-size: 12px; margin-top: 20px;}
}



.pagination{margin-top: 30px;}
.pagination li{float: left; margin-right: 10px; line-height: 1; width: 34px; text-align: center;}
.pagination li.active{background-color: #000; color: #fff; padding: 10px 0; border: 1px solid #000;}
.pagination li a{display: block; border: 1px solid #000; padding: 10px 0;}
.pagination li a:hover{background-color: #000; color: #fff; text-decoration: none;}


.kiyaku_col{margin-top: 30px; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 30px 0;}
@media only screen and (max-width: 767px){
	.kiyaku_col{margin-top: 20px; padding: 20px 0;}
}







.grecaptcha-badge {opacity: 0;}
.google-privacy{margin-top: 30px;}
.google-privacy p{text-align: center!important; font-size: 12px;}
.google-privacy a {text-decoration: underline;}
@media only screen and (max-width: 767px) {
	.google-privacy{margin-top: 20px;}
	.google-privacy p{text-align: left!important; font-size: 11px; line-height: 18px;}
	.google-privacy br{display: none;}
}