/*
Theme Name: izumi
Theme URI:
Description:
Author:
Version:
*/

body{background: #fffcee;overflow-x: hidden;}

body.font-large #contents {
font-size: 108%;
}

.pc{display: block;}
.sp{display: none;}

a{color:#000;text-decoration: underline;transition: 0.5s}
a:hover{opacity: 0.6}

.block{max-width: 1200px;margin:0 auto;}
.block800{max-width: 800px;margin:0 auto;}

.flex{display: flex;justify-content: space-between;align-items: center;}
.center{text-align: center;}


.tl{font-size: 180%;font-weight: 700;margin-bottom: 50px;text-align: center;}
.tl span{display: block;font-size: 50%;opacity: 0.5;font-weight: normal;}
.tl_copy{margin: -35px 0 50px;text-align: center;letter-spacing: 0;line-height: 160%}
.sub_tl{font-size: 30px;padding: 10px 0;text-align: center;border-top: solid 1px #000;border-bottom: solid 1px #000;font-weight: 700;}

.bk{background:rgba(0,163,216,0.06);}

.pa{padding:80px 0}
.pat0{padding:0 0 80px}

ruby[data-ruby] rt {
display: none;
}

ruby[data-ruby] {
position: relative;
display: inline-block;
}

ruby[data-ruby]::after {
content: attr(data-ruby);
position: absolute;
transform: translate(-50%, -1.7em);
display: block;
left: 50%;
top: 0;
white-space: nowrap;
font-size: 50%;
letter-spacing: 0;
}


.btn {text-align: center !important;letter-spacing: 0 !important;margin-top: 50px;letter-spacing: 0;width: 100%;}
.btn a{margin:0 auto !important;width: 480px !important;display: inline-block; !important;background: #fff !important;border-radius: 10px !important;border: solid 2px #90ad2d !important;padding:25px 0 !important;text-decoration: none;border-radius: 100px !important;}
.btn a:hover{background:#e5edc8 !important;opacity:1 !important }
.btn a span{padding-right: 25px !important;background:url(./img/arw_bla.svg) no-repeat right 5px !important;background-size:18px !important;}
.btn input{background: #ee9200;color:#fff;padding:15px 0;text-align: center;display: inline-block;width: 15em;border-radius: 10px;letter-spacing: 0;transition: 0.5s;border: solid 1px #ee9200;cursor: pointer;outline: none;appearance: none;font-size: 20px;margin:0 5px;}
.btn input:hover{background: #ed6500}


table{border-collapse: collapse;border: solid 1px #ccc;width: 100%;background: #fff;}
table th,
table td{border: solid 1px #ccc;padding:10px;vertical-align: top;}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,
table th{background:#e5edc8 !important; }

#header{background: #fff;}

#logo{width:425px}
#logo a{display: block;}
.hd{align-items: flex-start;}
.hd_top{padding: 30px;}
.hd_top dl{margin-left: 30px}
.hd_top dl dt{color:#555;font-size: 90% !important;letter-spacing: 0;margin-bottom: 5px}
.hd_top dl .fonts{display: inline-block;}
.hd_top dl button{outline: none;border: none;background: #fff;line-height: 100%;width: 65px;height: 50px;cursor: pointer;font-size: 90%;border: solid 1px #ccc;border-radius: 5px 0 0 5px ;border-right:none;font-weight: 700;}
.hd_top dl button:last-child{border-left:none; border-radius: 0 5px 5px 0 ;border-right:solid 1px #ccc;}
.hd_top dl button.is_active {background: #e5edc8;}
.hd_top dl.tel dd{font-size: 300%;font-weight: 700 !important;}
.hd_top dl.tel dd span{line-height: 0%;}
.hd_top dl.tel dd span{}
.hd_top dl.tel dd img{width: 30px;margin-right: 5px}
#searchform{display: flex;align-items: center;}
.search-form_input{height: 50px;border: solid 1px #ccc;font-size: 100%;padding:0 5px;width: 180px;margin: 0 -7px 0 0;line-height: 100%;border-radius: 5px 0 0 5px }
#searchsubmit{background: #e5edc8;}

#nav{padding-bottom: 30px;margin: 0 10px}
#nav li {width: 11.11111111%;background: #fff;}
#nav li.active a{color:#90ad2d}
#nav li:not(:first-child){border-left: dotted 1px #90ad2d ;}
#nav li:nth-child(2){border: none;}
#nav li a{display:block; text-align: center;text-decoration: none;font-size: 1.1vw;letter-spacing: 0;transition: 0.5s;font-weight: 700}
#nav li a:hover{color:#90ad2d;opacity: 1}
#nav li a span{display: block;margin: 0 0 5px;transition: 0.5s}
#nav li a img{width: 30px;height: 30px;transition: 0.5s;}
#nav.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
padding:10px 0;
margin: 0;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#nav.fixed li span{margin-bottom: 0}
#nav.fixed li a img{width: 24px;height: 24px;}

#nav > li {
position: relative;
}

#nav .submenu {
position: absolute;
top: 100%;
left: 2%;
display: none;
z-index: 1000;
padding: 20px 0 0;
width: 25vw;
}
#nav .submenu ul{background: #fff;padding: 5px 10px;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 10px}
#nav .submenu li{border: none;width: auto;}
#nav .submenu li:not(:first-child){border-top: dotted 1px #90ad2d;}
#nav .submenu li a{display: block;padding:10px 0;display: block;text-align: left;font-size: 90%;color:#000;line-height: 130%}
#nav .submenu li a:hover{color: #90ad2d}

/* ▼このように書き換え（または追記） */

@media screen and (min-width: 851px) {
#nav > li:hover .submenu {
display: block;
}
}

#mainview{position: relative}
#mainview li{height: 750px;}
#mainview .mainview_bottom{background: url(./img/mainview_bk.svg) no-repeat center bottom;background-size: 100%;position:absolute;bottom:0;width: 100%;height: 1.6vw}

#mainview .copy{position: absolute;left;bottom:80px;background: #fff;padding:30px 50px;border-radius: 0 30px 30px 0;z-index: 9}
#mainview .copy .catch{font-size: 184%;margin-bottom: 10px;font-weight: 700;}
#mainview .mainview_line{background: url(./img/mainview_line.svg) no-repeat center bottom;background-size: 100%;width: 100%;display: block;height: 8.7vw;position: absolute;bottom: 80px;z-index: 8}
#mainview .copy .read{letter-spacing: 0}

#special{margin: 80px 0 0;}
#special .flex{border: solid 3px #cc0000;border-radius: 35px;overflow:hidden;font-size: 110%;background: #cc0000}
#special .flex h3{padding:15px 30px;background: #cc0000;color:#fff;width: 25%;text-align: center;}
#special .flex ul{width: 75%}
#special .flex li{background: #fff;padding:15px 30px;}
#special .flex li a{display: block;color:#cc0000;text-decoration: none;background:url(./img/arw_red.svg) no-repeat center right;background-size:18px;padding-right: 25px}
#special .flex li:not(:first-child){border-top: dotted 1px #ccc;}

#contents{background: url(./img/bk.png) center top repeat-y;background-size: 100% auto;}

.sec01{position: relative;}
.sec01 .block{position: relative;z-index: 9}
.sec01 h2{width:244px;background: #ffebeb;text-align: center;border-radius: 10px;font-size: 180%;font-weight: 700;position: relative;padding: 40px}
.sec01 h2 span{display: block;opacity: 0.5;font-size: 50%;font-weight: normal;}
.sec01 .flex{align-items: stretch;position: relative;z-index: 9;}
.sec01 .flex ul{width: 950px;min-height: 400px}
.sec01 .flex ul a{display: block;padding:20px 30px;border-radius: 10px;text-decoration: none;background:url(./img/arw_pin.svg) #fff no-repeat 97% center;background-size:18px;}
.sec01 .flex ul li:not(:first-child){margin-top: 5px;}
.sec01 .flex ul a dt{color:#808080;padding: 0 0 5px }
.sec01 .flex ul a dt span{font-size: 65%;border-radius: 100px;border: solid 1px #000;line-height: 100%;padding: 2px 5px;color:#000;margin: 0 0 0 5px;display: inline-block;position: relative;top:-2px}
.sec01 .flex ul a dt span.new{border: solid 1px #d67939;color:#fff;background: #fca02d;border-radius: 0;margin: 0 7px 0 0 }
.sec01 .images li{position: absolute;top:50px;left: -160px;width: 190px;}
.sec01 .images li:nth-child(2){top:auto;bottom:130px;left: -200px;width: 240px;}
.sec01 .images li:nth-child(3){top:auto;top:50px;left: auto;right:-200px;width: 240px;}
.sec01 .images li:nth-child(4){top:auto;bottom:130px;left: auto;right:-160px;width: 190px;}
.sec01 .btn a{border-color: #df9a97;}
.sec01 .btn a:hover{background: #ffebeb;}

.sec02{background: url(./img/sec02_bk.png) rgba(234,239,185,0.15) no-repeat center center;background-size: cover;border-top: solid #90ad2d 1px;}
.sec02 ul{columns: 4;}
.sec02 ul li{width: 22%;letter-spacing: 0;}
.sec02 ul li a{text-decoration: none;}
.sec02 ul li a img{border: solid 1px #ccc;border-radius: 10px}
.sec02 ul li a .day{display: block;font-size: 90%;color:#808080;padding: 5px 0;line-height: 100%;}
.sec02 ul li a h3{padding: 0 0 10px;}
.sec02 ul li a table{border: none;}
.sec02 ul li a th,
.sec02 ul li a td{padding: 5px 10px;font-size:90%; border-right: none !important;border-left:none !important;}
.sec02 ul li a th{width: 38%;border-left:none !important;}
.sec02 ul li a td{border-right: none !important;}

.sec03{background: url(./img/sec03_bk.png)  no-repeat center center;background-size: cover;}

.sec03 .tl{color:#fff;text-shadow: 0 0 5px rgba(0,0,0,0.8)}
.sec03 ul{background: rgba(255,255,255,0.8);padding:50px;border: solid 3px #f39800;border-radius: 10px;letter-spacing: 0}
.sec03 ul li{padding: 0 10px}
.sec03 ul li a{background: #fff;border-radius: 10px;overflow: hidden;display: block;text-decoration: none;}
.sec03 ul li a:hover{background: #eddac0;opacity: 1}
.sec03 ul li{width: 30%}
.sec03 ul li a .bottom{padding: 15px 20px;display: block;}
.sec03 ul li a .bottom .day{font-size: 90%;color:#808080;}
.sec03 ul li a .bottom .cat{width: 8em;padding:5px 8px;line-height: 100%;font-size: 80%;color:#fff;background:#f39800;border-radius:100px;text-align:center; }
.sec03 ul li a .bottom h3{padding: 5px 0 0}
.sec03 .btn a{border-color: #f39800;}
.sec03 .btn a:hover{background: #eddac0;}
.slide-arrow{width: 41px;height: 41px;background:url(./img/arw_l.png) no-repeat center center;background-size: cover;opacity: 1;position: absolute;top:50%;display: block;cursor: pointer;
left: -20px;z-index: 9;margin-top: -20px;box-shadow: none;}
.next-arrow{left: auto;right: -20px;transform: rotate(180deg);}
.sec03 .slick{position: relative;}

.sec04{background: url(./img/sec04_bk.png)  no-repeat center center;background-size: cover;}
.sec04 ul.flex{columns: 4;}
.sec04 ul.flex li{width: 23.5%;}
.sec04 ul.flex li a{display: block;background: #fff;padding: 0 30px 0 15px; box-shadow: 0 0 10px rgba(0,0,0,0.5);letter-spacing: 0;text-decoration: none;height:120px;display:flex;align-items:center;border-radius:10px;background: url(./img/arw_gre.svg) #fff no-repeat 97% center;background-size: 18px; }
.sec04 ul.flex li dt{width: 17%;}
.sec04 ul.flex li dd{width: 79%;}
.sec04 ul.flex li dd span{font-size: 87%;display: block;}

#ad{background: #df9a97;padding:30px 0}
#ad li{padding: 0 15px}
.ad_slick{position: relative;}
.ad_slick .slide-arrow{width: 41px;height: 41px;background:url(./img/arw_pin2.png) no-repeat center center;background-size: cover;opacity: 1;position: absolute;top:50%;display: block;cursor: pointer;
left: -50px;z-index: 9;margin-top: -20px;box-shadow: none;transform: rotate(180deg);}
.ad_slick .next-arrow{left: auto;right: -50px;transform: rotate(0);}
#footer .bnr_area{columns: 3;padding:50px 0}
#footer .bnr_area li{width: 31%;box-shadow: 0 0 10px rgba(0,0,0,0.5);line-height: 0;}

#ft_area{align-items: flex-start;}
#ft_area .outline {width: 29%;}
#ft_area .outline .name{width: 302px;margin-bottom: 10px;}
#ft_area .outline .icon {width: 14px;vertical-align: initial;margin-right: 3px;}
#ft_area .outline strong{font-size: 140%;font-weight: 700 ;}

#ft_area #ft_nav {width: 50%;}
#ft_area #ft_nav ul{flex-wrap: wrap;justify-content: flex-start;}
#ft_area #ft_nav ul li{width: 33%;margin-bottom: 20px;}
#ft_area #ft_nav ul li a{display: block;text-decoration: none;}
#ft_area #ft_nav ul li a:before{content:"●";font-size: 80%;margin-right: 5px;color: #90ad2d;margin-top: -2px;}

.copyright{font-size: 80%;letter-spacing: 0;padding: 50px 0 100px}

#pagetop {position: fixed;bottom: 0;right: 0;z-index: 99}
#pagetop img{width: 80px;}

.mw_wp_form th,
.mw_wp_form td{padding:20px;}
.mw_wp_form input,
.mw_wp_form textarea{padding:10px;font-size: 100%}
.mw_wp_form textarea{width: 100%;height: 10em}
.mw_wp_form th span{display: inline-block;color:#fff;background: #cc0000;padding:5px 10px;border-radius: 5px;font-size: 80%;line-height: 100%;margin-left: 10px}
.mw_wp_form{padding-top: 10px}
.mw_wp_form .btn input{padding:15px 0}

.news-item .news-date{font-size: 90%;display: block;margin-bottom: 2px;color:#666}
.news-item a{display: block !important;} 
.cat_list{margin-bottom: 30px}

.blogsingle {display: flex;justify-content: space-between;padding: 20px 0;border-bottom: solid 1px #ccc;}
.thum_info{width: 25%;}
.blogsingle:first-child{border-top: solid 1px #ccc;}
.post_area .thum_info a{padding:0;background: none}
.post_area .thum_info a img{width: 100%;border: solid 1px #ccc;}
.post_area .entrybody{width: 68%;}
.post_area .entrybody a{padding: 0;background: none}
.post_area .entrybody h3{background: none;padding: 0;margin: 10px 0}
.post_area .entrybody p.btn{width: 70%;margin-top: 20px}
.post_area .entrybody p.btn a{display: block;width: 100%  !important;padding:15px !important}

tablenav:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.tablenav{min-height:1px}
* html .tablenav{height:1px}
.tablenav{display:table;color:#90ad2d;margin:50px auto;line-height:2em;text-align:center;border:solid 1px #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.047);background:#fff}
.post_area .tablenav a{background: none;opacity: 1}
a.page-numbers,.tablenav .current{display:table-cell;color:#90ad2d;padding:4px 0;text-decoration:none;margin:0;border-right:solid 1px #ddd;width:3em}
.tablenav .page-numbers{display:table-cell;color:#90ad2d;padding:4px 0;text-decoration:none;margin:0;border-right:solid 1px #ddd;width:3em}
a.page-numbers:hover{color:#fff;background:#90ad2d}
.tablenav .current{background:#f5f5f5;color:#999}
.tablenav .next,.tablenav .prev{width:4em}
.tablenav .dots{display:none}

.post_area .search_list h3{background: #fff;margin: 0;padding: 0}
.post_area .search_list li{list-style: none;padding: 30px 0;margin: 0;border-top: dotted 1px #ccc;}
.post_area .search_list li:last-child{border-bottom: dotted 1px #ccc;}
.post_area .search_list .search-highlight {
background: #fff3a0;
font-weight: bold;
}
.post_area .search_list li p{margin:20px 0 0}
.sec02 ul li.no-post,
.sec03 ul li.no-post{width: 100% !important;text-align: center;padding: 20px;line-height: 180%;}



@media screen and (max-width:1320px) {
#logo{width: 35vw}
.hd_top dl.tel dd{font-size: 250%}
.hd_top dl.tel dd img{width: 2vw}
.hd_top dl button{width: 4vw;height: 3vw}
.hd_top dl dt{font-size: 80% !important}
.search-form_input{height: 3vw;padding:0 5px;width: 13vw;margin: 0 -7px 0 0;line-height: 100%}
.sec01 .images li{display: none;}
}

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

body{font-size: 1.5vw}
.block{width: 96%;margin: 0 auto}
.hd_top{padding: 2vw}
#nav{padding-bottom: 2vw}
#nav li a{font-size: 1.4vw;padding: 0 1vw;line-height: 110%;height: 6.2vw}
#nav li li a{height: auto;}
#nav li a img{width: 2.5vw;height: 2.5vw;}
#nav.fixed li a{height: 5.5vw}
#nav.fixed li a img{width: 2vw;height: 2vw;}
#nav.fixed li span{margin-bottom: 2px}
#mainview li{height: 50vw;}
#mainview .copy{bottom: 5vw;padding:2vw 3.5vw}
.ad_slick .slide-arrow{left: -1%;-webkit-filter: drop-shadow(0px 0 10px rgba(0, 0, 0, 0.2)); 
filter: drop-shadow(0px 0 10px rgba(0, 0, 0, 0.2)); }
.ad_slick .next-arrow{left: auto;right: -1%;}
.post_area .btn a{width: 75% !important;display: inline-block; !important;background: #fff !important;border-radius: 10px !important;padding:2vw 0 !important;border-radius: 100vw !important}
.post_area .btn a:hover{background:#e5edc8 !important;opacity:1 !important}
.btn a span{padding-right: 2.5vw !important;background:url(./img/arw_bla.svg) no-repeat right 0.2vw !important;background-size:1.8vw !important;}
#ft_area .outline{width: 29vw}
#ft_area .outline .name{width: 100%}
.hd_top dl{margin-left: 2vw}
#nav .submenu li a{padding:0.6vw 0;}


}


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

.pc{display: none;}
.sp{display: block;}
body{font-size: 15px}
.pa{padding: 8vw 0}
.sec01 h2,
.tl{font-size: 140%;margin-bottom: 5vw}
.btn{margin-top: 5vw}
.btn a{min-width: auto;width: 90% !important;}
.btn a span{padding-right: 25px !important;background:url(./img/arw_bla.svg) no-repeat right 2px !important;background-size:18px !important;}
.tl_copy{    margin: -3.5vw 0 5vw;}

#nav{padding:68px 20px 0;background: #fff;height: 100vh}
#nav{display:none;overflow-x: scroll;}
#nav.active{display:block !important;}
.hd{display: none;}
#logo{width: 250px}
#searchform{justify-content: center;}
.hd_top{position: fixed;top:0;left: 0;width:100%;z-index: 9999;background: #fff;}
.search-form_input{height: 50px;font-size: 100%;padding:0 5px;width: 52vw;margin: 0 -7px 0 0;line-height: 100%}
#searchsubmit{background: #e5edc8 !important;}

#nav.active{display: block;position: fixed;top:0;left:0;width: 100%;z-index: 999;margin:0;padding-bottom:  80px}
#nav li{width: 100%;position: relative;padding: 5px 0;border-left: none !important;}
#nav li:not(:first-child){border-top: dotted 1px #90ad2d;}
#nav li a{font-size: 16px;height: auto;display: flex;width: 86%;padding:10px 0;line-height: 100%;}
#nav li a img{width: 20px;height: 20px;margin-right: 6px}
#nav li a span{margin: 0}
#nav li .nav-plus{position: absolute;right: 0 ;top:10px;height: 30px;width: 30px;display: block;background: url(./img/toggle_btn.svg) #fff no-repeat center center; background-size: cover;transition: 0.5s}
#nav .submenu{position: relative;top:auto;left:0;width: 100%;;padding: 0}
#nav .submenu ul{box-shadow: none;padding: 0 0 5px}
#nav .submenu li{padding: 0}
#nav .submenu li:not(:first-child){border: none;}
#nav .submenu li a{background: url(./img/arw_gre.svg) #fff no-repeat left 9px;background-size: 14px;padding:7px 0;padding-left: 20px;margin-left: 20px;width: auto;display: block;}
#nav li .hd{display: block;padding: 20px 0 ;text-align: center;}
#nav li.hd_top dl{margin:0 0 25px}

#nav li.hd_top dl button{outline: none;border: none;background: #fff;line-height: 100%;width: 65px;height: 50px;cursor: pointer;font-size: 90%;border: solid 1px #ccc;border-radius: 5px 0 0 5px ;border-right:none;font-weight: 700;}
#nav li.hd_top dl button:last-child{border-left:none; border-radius: 0 5px 5px 0 ;border-right:solid 1px #ccc;}
#nav li.hd_top dl button.is_active {background: #e5edc8;}
#nav li.hd_top dl dt{font-size: 90% !important;color:#000}
#nav li.hd_top dl.tel dd span{line-height: 100%;}
#nav li.hd_top dl.tel dd{line-height: 100%;}
#nav li.hd_top dl.tel dd img{width: 20px;}


#pagetop img{width: 40px;}
#mainview{margin-top: 58px;}
#mainview li{height: 250px;}
#mainview .copy{padding: 10px;width: 60%;border-radius: 0 10px 10px 0;}
#mainview .copy .catch{font-size: 90%;letter-spacing: 0;margin-bottom: 2px}
#mainview .copy .read{font-size: 70%;}
#mainview .copy .read br{display: none;}
#mainview .mainview_line{bottom:8vw }
#special .flex{display: block;border-radius: 10px}
#special .flex h3,
#special .flex ul{width: 100%;}
#special .flex li,
#special .flex h3{padding: 10px }

#special{margin: 8vw 0 0 }
.sec01 h2{width: 100%;padding:15px 10px;border-radius: 10px 10px 0 0 ;margin:0 0 5px }
.sec01 .flex{display: block;}
.sec01 .flex ul{width: 100%}
.sec01 .flex ul a{padding: 10px 28px 10px 10px}
.sec01 .images{display: none;}

.sec02 ul{display: block;columns: auto}
.sec02 ul li{width: 100%;border-top: dotted 1px #90ad2d ;border-bottom: dotted 1px #90ad2d ;}
.sec02 ul li:not(:first-child){border-top: none}
.sec02 ul li a{display: flex;justify-content: space-between;padding:12px 0}
.sec02 ul li a .thum{width: 30%;display: block;}
.sec02 ul li a div{width: 66%}
.sec02 ul li a table{font-size: 90%}
.sec02 ul li a th{width: 30%;}

.sec03 ul{padding: 20px 10px}
.sec03 ul li{padding:0 5px;}
.slide-arrow{width: 20px;height: 20px;margin-top: -10px;left: -10px}
.sec03 .next-arrow{right: -10px;left: auto;}
.ad_slick .slide-arrow{width: 20px;height: 20px;margin-top: -10px}

.sec04 ul.flex{columns: 2;flex-wrap: wrap;}
.sec04 ul.flex li{width: 48.5%;font-size: 90%;margin-bottom: 2%}
.sec04 ul.flex li a{padding: 0 22px 0 22px;text-align: center;}
.sec04 ul.flex li a .flex{display: block;}
.sec04 ul.flex li dt,
.sec04 ul.flex li dd{width: 100% !important;text-align: center;}
.sec04 ul.flex li dt img{width: 20%;margin-bottom: 5px}
.sec04 ul.flex li dd span{letter-spacing: -0.09em}
#ad li{padding: 0 5px}

#footer .bnr_area{display: block;columns: 1;padding: 5vw 0}
#footer .bnr_area li{width: 60%;margin: 0 auto;}
#footer .bnr_area li:not(:first-child){margin-top: 10px}

#ft_area{flex-wrap: wrap;flex-direction: column-reverse;}
#ft_area .outline,
#ft_area #ft_nav{width: 100%;}
#ft_area .outline{text-align: center;}
#ft_area .outline .name{width: 80%;margin:0 auto 10px}
#ft_area #ft_nav ul{padding: 10px 0 20px}
#ft_area #ft_nav ul li{width: 48%;margin: 5px 0}

.copyright{display: block;padding:5vw 0 8vw}
.copyright li{width: 100%;text-align: center;padding:5px 0}

.post_area .search_list li{padding: 15px 0;}
.post_area .search_list li p{margin-top: 10px}
.post_area .search_list h3 a{background: url(./img/arw_gre.svg) no-repeat left 4px;background-size: 18px}




/* 展開時の回転 */
.nav-plus.open {
transform: rotate(135deg);
}



/*=============================
.btn-trigger
=============================*/
.btn-trigger {
position: relative;
width: 50px;
height: 44px;
cursor: pointer;
zoom: 50%;
}
.btn-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #90ad2d;
border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
display: inline-block;
transition: all .5s;
box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
top: 0;
}
.btn-trigger span:nth-of-type(2) {
top: 20px;
}
.btn-trigger span:nth-of-type(3) {
bottom: 0;
}
/*=============================
#btn01
=============================*/
#btn01.active span:nth-of-type(1) {
-webkit-transform: translateY(20px) rotate(-45deg);
transform: translateY(20px) rotate(-45deg);
}
#btn01.active span:nth-of-type(2) {
opacity: 0;
}
#btn01.active span:nth-of-type(3) {
-webkit-transform: translateY(-20px) rotate(45deg);
transform: translateY(-20px) rotate(45deg);
}

}