/* ----------------------
 レスポンシブ
-------------------------*/

@media screen and (min-width: 1000px) {
#wrapper{
 width: 100%;
 margin: 0 auto;
}

#contents {
 width: 100%;
}

}/*  */
/* facebook */
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; }

.cycloneslider{
 margin-left: aoto !important;
 margin-right: auto !important;
}

/* google map レスポンシブ*/
.g_map {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bn_box{
 width: 100%;
}

/*-----------------
 770まで基本
--------------------*/
@media screen and (min-width: 770px) {

body{
 font-size: 100%;
 margin: 0;
 padding: 0;
}

#layout{
 padding: 0 15px 10px 15px;
 margin: 0 auto;
}
#contents{
 width: 100%;
 padding-bottom: 0px;
}
.page #contents .inner{
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 10px;
 padding-right: 10px;
}
#header{
 min-height: 140px;
 margin-top:-70px;
 padding-top:140px; 

}
#header .inner{
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
}
#main{
 width: 100%;
}
.page #main{
 padding-top: 2vw; 
 padding-bottom: 6vw;
}

.category_main,
.single_main{
 width: 70%;
 min-height: 450px;
}

#side{
 max-width: 300px;
 float: left;
 padding-top: 0px;
}
/* 見出し */
#main h2{
 display: block;
}
.page #main h2{
 font-size: clamp(1rem, 0.511rem + 2.2353vw, 2.1875rem);
 color: #000;
 font-weight: bold;
 line-height: 1;
 border-left: 6px solid #088743;
 padding-left: 15px;
 margin-top: 5vw;
 padding-top: 2px;
 padding-bottom: 4px;
 margin-bottom: 30px;
 line-height: 1.5;
}
.pc_n,
.pc_none{
 display: none !important;
}
.bn_box .inner{
 margin-left: auto;
 margin-right: auto;
 width: 1100px !important;
 padding: 30px 0;
}
.side_nav{
 position: fixed;
 right: 0;
 z-index: 10;
 top: 200px;
}
}
@media screen and (max-width: 769px) {/* 以下 */
body{
 margin: 0;
 padding: 0;
}

#wrapper{
 width: 100%;
 margin: 0 auto;
}

#layout{
 margin: 0 auto;
 width: 100%;
}
#contents {
 width: 100%;
 margin: 0 auto;
}
#contents .inner{
 width: 94%;
 margin: 0 auto;
}
#header {
 display: table;
 text-align: center;
 width: 100%;
}
#side{
 float: none;
 display: table;
 margin: 0 auto;
 width: 100%;
}
#main{
 float: none;
 display: block;
 margin: 0 auto 15px auto;
 width: 100%;
}


.home h2{
 margin-bottom: 15px;
}

/* boxセンター寄せ */
.t_center{
 text-align: center;
}

/* 見出し 700以下 */

#side h2,
#main h2{
 max-width: 100%;
}
.page #main h2{
 font-size: clamp(1rem, 0.511rem + 2.2353vw, 2.1875rem);
 color: #000;
 font-weight: bold;
 line-height: 1;
 border-left: 6px solid #088743;
 padding-left: 15px;
 margin-top: 5vw;
 padding-top: 2px;
 padding-bottom: 4px;
 margin-bottom: 30px;
 line-height: 1.5;
}





/* 700以下で隠す */
.sp_n,
.sp_none{
 display: none !important;
}
}

/* ----------------------
ヘッダー 770まで
-------------------------*/
@media screen and (min-width: 770px) {
header{
 position: relative; 
}
.toptext{
 width: 100%;
 background-color: #fff; 
 color: #333;
 z-index: 10;
 min-height: 70px;
}
.toptext .inner{
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 20px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

#header .company_name{
 width: 350px;
 float: left;
 margin-top: 25px;
}

.logo{
 text-align: center;
 width: 300px;
 margin: 25px auto 20px auto; 
 }
.toptext h1{ 
 text-align: left;
 float: left;
 width: 45%;
}
header h1{
 display: grid;
 grid-template-columns: 50% 45%;
 justify-content: space-between;
 align-items:center;
 margin-bottom: 30px;
}
header .tel_box{
 float: right;
 text-align: left;
 width: auto;
 padding: 10px 25px;
 background-color: #fdefe1;
 border-radius: 15px;  
}
header .tel_box .tel{
 line-height: 1; 
 text-align: left;
 padding: 10px 0 10px 40px; 
 font-size: 200%;
 font-weight: 500;
 color: #ed1c24;
 background: url(images/tel-i.png) no-repeat left center; 
}

.pagehead{
 display: block;
 float: left;
 width: 100%;
 min-height: 100px;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
}
.pagehead .inner{
 position: relative; 
 max-width: 93%;
 min-height: 15vw;
 margin-left: auto;
 margin-right: auto;
}
.pagehead h1{
 letter-spacing: 2px;
 line-height: 1.6; 
 display: inline-block; 
 text-align: center;
 font-size: clamp(1.875rem, 0.625rem + 2.5vw, 2.5rem);
 font-weight: 500; 
 position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.slide_btn{
 display: none;
}

.head_menu{
 margin-left: auto;
 margin-right: auto;
 transition: all .5s; 
}
.head_menu.Fixed{
 width: 100%; 
 position: fixed;
 top: 0;
 left: 0;
 background-color: rgba(255, 255, 255, .8);
 padding: 20px 0; 
} 
.head_menu.Fixed .header-menu{
 max-width: 1200px;
 padding-left: 10px;
 padding-right: 10px; 
 margin-left: auto;
 margin-right: auto; 
}
.head_menu ul{
 width: 100%; 
 display: grid;
 grid-template-columns: repeat(auto-fit, 20%);
 justify-content: space-between;
 margin-left: auto;
 margin-right: auto;
}
.head_menu ul li{
  position: relative;
  padding-top: 55px;
  
  
}
.head_menu ul.header-menu-list > li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 106px;
  background-color: #333;
}
.head_menu ul.header-menu-list > li:last-child::after{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 106px;
  background-color: #333;
}

.head_menu ul > li:nth-child(1) {
  
 background: url(images/mi-01.png) no-repeat center top;
}
.head_menu ul > li:nth-child(2) {
 
  background: url(images/mi-02.png) no-repeat center top;
}
.head_menu ul > li:nth-child(3) {
 
  background: url(images/mi-03.png) no-repeat center top;
}
.head_menu ul > li:nth-child(4) {
 
  background: url(images/mi-04.png) no-repeat center top;
}
.head_menu ul > li:nth-child(5) {
  background: url(images/mi-05.png) no-repeat center top;
}

.head_menu li a{
 font-size: clamp(100%, 1.9vw, 130%);;
 color: #333;
 text-decoration: none;
 padding: 15px 15px;
 display: block;
 font-weight: 500;    
}

}

/* ---------------------------
 ヘッダーSP 
------------------------------*/
@media screen and (max-width: 769px) {/* SP */

#sp_header .title_group{
 padding-top: 15px; 
 max-width: 90%;
 padding-bottom: 20px;
 margin-left: auto;
 margin-right: auto; 
}
#sp_header .title_group h1 .text{
 text-align: center;
 display: block; 
}
#sp_header .title_group .name{
 font-weight: 500;
 font-size: 110%;
 margin-right: 10px;
  
}
#sp_header .tel_box{
 float: none;
 margin: 20px auto 10px auto;
 text-align: center;
 max-width: 90%;
 padding: 10px 3%;
 background-color: #fdefe1;
 border-radius: 15px;  
}
#sp_header .tel_box .tel{
 line-height: 1; 
 text-align: center;
 padding: 10px 0 12px 9%; 
 font-weight: 600;
 color: #ed1c24;
 display: inline-block;
 background: url(images/tel-i.png) no-repeat left center;
 background-size: 13% auto;
}
#sp_header .tel_box .tel a{
 color: #ed1c24;
 font-size: clamp(1.4rem, 0.55rem + 1.4vw, 1.5rem);
}



#sp_header .link-01 a{
 display: block;
 background-color: #ff7bac;
 color: #fff;
 font-size: 120%;
 font-weight: 500;
 margin-top: 25px;
 padding: 20px 0;
 border: 3px solid #fff;
 border-radius: 10px;
}

ul.head_navi li{
 float: left;
}
.logo{
 width: 90%;
 margin-left: auto;
 margin-right: auto;
 margin-top: 25px;
 margin-bottom: 10px;
}
.pagehead{
 width: 100%;
 background: url(images/pagetitle-bg.png) repeat;
 height: 100px;
}
.pagehead h1{
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 padding: 40px 0 0 0;
}
}

/* ----------------------
 main menu 700まで
-------------------------*/
@media screen and (min-width: 770px) {
.menu_outer{
 display: none;
}
#main_menu{
  display:inherit !important;
}

#main_menu{
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
 text-align: center; 
 max-width: 960px;
 }
#main_menu ul{
 margin-top: 7px;
 float: right;
 width: 100%;
} 
#main_menu ul li.first-child{
 width: 10% !important;
 margin-left: 0 !important;
}
 
#main_menu ul li{
 list-style: none;
 display: block;
 text-align: center;
 float: left;
 margin: 0 auto;
 width: 17.5%;
 margin-left: 0.5%;
 position: relative;
 }
#main_menu ul .li_end img{
 float: left;
}

#main_menu ul li a{
 padding-top: 16px;
 padding-bottom: 14px;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
 color: #fff;
 display: block; 
}

#main_menu ul li.current-menu-item a,
#main_menu ul li a:hover{
 display: block;
 color: #fff;
 background-color: #bb8255;
}

#main_menu .current-menu-item:hover{
 display: block;
 border-bottom: none;
}
/* メニューのサブタイトル表示 */
#main_menu span{
 display: block;
 font-size: 70%;
 font-weight: normal;
}
}
/* ---------------------------
 main_manu toggle menu 以下
------------------------------ */
@media screen and (max-width: 769px) {/* 以下 */

.slide_btn{
 position: fixed;
 display: inline-block;
 height: 50px;
 width: 50px;
 background-color: #009e9d;
 top: 0;
 right: 0;
 z-index: 50;
}
.toggle_menu_title{
 text-shadow: 1px 1px 0px #000;
 font-weight: bold;
 color: #fff;
 line-height: 40px;
 font-size: 110%; 
 margin-left: 15px;
 float: left;
}

.slide_btn .toggle_menu_title:before {
  content: "メニューを開く";
}
.slide_btn.act .toggle_menu_title:before {
  content: "メニューを閉じる";
}
 
.slide_btn:hover{
 color: #555;
 cursor:pointer;
 background-color: #25ac36;
}
.slide_btn .nav_icon{
 cursor:pointer;
 margin: 9px 10px 0 0;
 height: 30px;
 width: 30px;
 background: url(images/nav_icon.png) no-repeat center center;
 float: right;
}
.slide_btn.act .nav_icon{
 cursor:pointer;
 margin: 9px 10px 0 0;
 height: 30px;
 width: 30px;
 background: url(images/batsu_icon.png) no-repeat center center;
 float: right;
}
#main_menu{
 display: none;
}
#main_menu {
 position: fixed;
 z-index: 10;
 top: 0;
 left: 0;
 text-align: center; 
 width: 100%;
 height: auto;
 margin: 0 auto;
}

#main_menu ul li{
 float: left;
 background-color: #fff;
 width: 100%;
 }
#main_menu li{
 list-style: none;
}
#main_menu ul li a{
 text-align: center;
 float: none;
 list-style: none;
 display: block;
}
#main_menu ul li a {
 font-size: clamp(100%, 1.8vw, 120%);
 line-height: 35px;
 padding: 10px 0;
 display: block;
 font-weight: bold;
 text-decoration: none;
 margin: 0 auto;
 color: #333;
 border-bottom: 2px solid #ccc; 
 }
#main_menu ul li.current a,
#main_menu ul li a:hover{
 display: block;
 color: #fff;
 background-color: #25ac36;
 border-bottom: 2px solid #ccc; 
} 
#main_menu ul li span{
 display: block;
 font-size: 90%;
 font-weight: normal;
}
#main_menu li a:hover{
 display: block;
} 
.b_none_sp a{
 border-bottom: none !important;
}
#main_menu ul .li_end{
 display: none;
}
}

/* ---------------------------
ドロップダウンメニュー 
------------------------------*/           
@media screen and (min-width: 770px) {/* まで */

#main_menu ul li li { 
 float: none !important;
}
#main_menu ul ul li a{
 float: none;
 background-color: #f9f9f9;
 color: #555;
}
#main_menu ul ul li a:hover{
 background-color: #666;
 color: #fff;
 border-bottom: none;
}

#main_menu ul ul ul { /*3段目以降*/
 top: 0;
 left: 100%;
}

ul.sub-menu {
 margin-top: 0 !important;
 display: none;
 text-align: left;
 width: 100%;
 min-width: 240px;
 z-index: 300 !important;
 position: absolute; top: 106px; left: 0;
 } 

* html ul.sub-menu { line-height: 0; } 

ul.sub-menu li{
 width: 100% !important;
 display: inline;
 clear: left;
 margin: 0 !important;
 background: none !important;
 border: none;
 padding: 0 !important;
}

ul.sub-menu li a {
 display: block; 
 font-size: 13px !important;
 background-color:#666;
 color: #fff;
 margin: 0; 
 border-bottom: 1px dotted #ccc; 
 zoom: 1; 
 line-height: 1.5;
} 
ul.sub-menu li a:hover {
 color: #fff;
 background-color: #ccc;
} 
}/*  */
@media screen and (max-width: 769px) {/* 以下 */
ul.sub-menu {
 display: none;
}

ul.sub-menu li{
 width: 100% !important;
 display: inline;
 clear: left;
 margin: 0 !important;
}

ul.sub-menu li a {
 font-size: 120%;
 line-height: 35px;
 padding: 10px 0 10px 0;
 display: block;
 font-weight: bold;
 text-decoration: none;
 margin: 0 auto;
 color: #333;
 background-color: #e9e9e9;
 border-bottom: 2px solid #ccc; 

} 
ul.sub-menu li a:hover {
 color: #fff;
 background-color: #ccc;
}

li.menu-item-has-children {
 background: url(images/icon-plus.png) no-repeat 96% center;
} 
}/*  */


/* ---------------------------
 main_manu toggle menu 700以下
------------------------------ */
@media screen and (max-width: 1210px) {/* sp */
#header{
 display: none;
}
.page_head.pc{
 display: none;
}
#modal-menu {
 z-index: 200;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #d1f1e0;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .2s ease-out;
  pointer-events: none;
  overflow: scroll;
 -webkit-overflow-scrolling: touch;
 padding-bottom: 60px;
}
body.is-menu-open #modal-menu {
  opacity: 1;
  pointer-events: auto;
}
body.is-menu-open #content {
  pointer-events: none;
  transition: all .2s ease-out;
  -webkit-filter: blur(8px);
     -moz-filter: blur(8px);
      -ms-filter: blur(8px);
          filter: blur(8px);
}
body.is-menu-open .sp_menu {
  transform: translateY(0);
}

.menu-open-btn{
 position: fixed;
 z-index: 2;
 top: 0px;
 right: 0px;
 display: block;
 height: 60px;
 width: 60px;
 background: url(images/nav-03.png) no-repeat center 20px;
 background-size: 60% auto;
 text-decoration: none !important;
 cursor: pointer;
}
.home .menu-open-btn{
 position: absolute;
 top: 0px;
 right: 0px;
 display: block;
 height: 60px;
 width: 60px;
 background: url(images/nav-03.png) no-repeat center 20px;
 background-size: 60% auto;
 text-decoration: none !important;
 cursor: pointer;
}
.home .sp_header.under .menu-open-btn{
 position: absolute;
 top: 0px;
 right: 0px;
 display: block;
 height: 60px;
 width: 60px;
 background: url(images/nav-03b.png) no-repeat center 20px;
 background-size: 60% auto;
 text-decoration: none !important;
}

.menu-close-btn{
 position: absolute;
 top: 0px;
 right: 0px;
 display: block;
 height: 60px;
 width: 60px;
 color: #088743;
 font-weight: bold;
 background: url(images/nav-02.png) no-repeat center center;
 background-size: 60% auto;
 text-decoration: none !important;
 cursor: pointer;
}

.sp_header.under .menu-open-btn span, 
.menu-open-btn span{
 margin-top: 40px;
 text-align: center;
 display: block;
 font-size: 80%;
 color: #088743;
 font-weight: bold;
}
.home .sp_header .menu-open-btn span{
 margin-top: 40px;
 text-align: center;
 display: block;
 font-size: 80%;
 color: #fff;
 font-weight: bold;
}
.home .sp_header.under .menu-open-btn span{
 color: #009ed8;
}
.menu-close-btn span{
 margin-top: 45px;
 text-align: center;
 display: block;
 font-size: 80%;
 font-weight: bold;
}


li.menu-close-btn-2{
 color: #fff !important;
 background-color: #322f2d !important;
 background: url(images/nav-02.png) no-repeat 98% center;
 background-size: 30px auto;
}

li.menu-close-btn-2 a{
 color: #fff !important;
}

.slide_btn.act{
 background:#fb0000 url(../images/common/nav-02.png) no-repeat center center;
 background-size: 60% auto;
}
.toggle_menu_title{
 text-shadow: 1px 1px 0px #000;
 font-weight: bold;
 color: #fff;
 line-height: 60px;
 font-size: 110%;
 margin-left: 15px;
 float: left;
}
.slide_btn:hover{
 cursor:pointer;
}
#sp_menu{
 z-index: 300;
 text-align: center;
 width: 90%;
 margin: 60px auto 0 auto;
 overflow: auto;
 }
#sp_menu ul{

}
#sp_menu ul li{
 width: 100%;
 }
#sp_menu li{
 position: relative;
 list-style: none;
}
#sp_menu ul li a{
 text-align: left;
 float: none;
 list-style: none;
 display: block;
}

#sp_menu ul li a {
 font-size: 120%;
 padding: 15px 0 15px 40px;
 font-weight: bold;
 text-decoration: none;
 color: #333;
 border-bottom: 1px solid #333;
 background: url(images/arrow-1.png) no-repeat 99% center;
 background-size: 20px auto;
 }

#sp_menu ul li.current a{
}
#sp_menu ul li span{
}
#sp_menu li a:hover{
 display: block;
}

#sp_menu .toggle a{
 background: none;
}
#sp_menu .toggle span{
 position: absolute;
 width: 30px;
 height: 57px;
 right: 0;
 top: 0;
 cursor: pointer;
 background: url(images/plus-i.png) no-repeat center center;
 background-size: 20px auto;
}
#sp_menu .toggle span.selected{
 cursor: pointer;
 background: url(images/minus-i.png) no-repeat center center;
 background-size: 20px auto;
}
#sp_menu .submenu li a{
 display: block;
 padding-left: 40px !important;
 border-bottom: 1px solid #afafaf !important;
}

#sp_menu li.icon-01{
 background: url(images/mi-home.png) no-repeat left 10px;
 background-size: 30px auto;
}
#sp_menu li.icon-02{
 background: url(images/mi-01.png) no-repeat left 10px;
 background-size: 30px auto;
}
#sp_menu li.icon-03{
 background: url(images/mi-02.png) no-repeat left 10px;
 background-size: 30px auto;
}
#sp_menu li.icon-04{
 background: url(images/mi-04.png) no-repeat left 10px;
 background-size: 30px auto;
}
#sp_menu li.icon-05{
 background: url(images/mi-05.png) no-repeat left 10px;
 background-size: 30px auto;
}



}/* sp end */



/* ----------------------
 * side 
 *-----------------------*/
#side li a{
 display: block;
 padding: 12px 0 12px 20px;
 color: #009e9d;
 border: 1px solid #dbdbdb;
}

#side li.current a,
#side li a:hover{
 background-color: #c2e8e8;  
}

/* ----------------------
 * footer 
 *-----------------------*/
 
.foot_logo{
 float: left;
 width: 100%;
 padding-top: 10px;
}
 
@media screen and (min-width: 770px) { /* まで */
#footer{
 overflow: hidden;
 padding-top: 60px; 
 padding-bottom: 40px;
 background-color: #f2f2f2;
 border-top: 1px solid #ccc;
}

.address_sp{
 display: none;
}
#page-top{
 width: 62px;
 height: 62px;
 position: fixed;
 bottom: 50px;
 right: 10px;
}
.address_group{
 width: 100%;
 float: left;
 margin-top: 0;
 color: #333;
}
.foot_logo .f_logo{
 float: left;
 margin-top: 10px;
}
.foot_logo .inner{
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
}

#f_navi{
 width: 55%; 
 float: right;
 padding: 20px 0 10px 0;
 margin-top: 20px;
 display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
  justify-content: space-between;
}
#f_navi ul{
 float: none;
 width: auto;
}

#f_navi li a{
 color: #333;
}

#footer .address{
 width: 40%;
 float: left;
 text-align: left;
 padding-top: 20px;
 padding-left: 10px;
 font-weight: 400;
 margin-bottom: 20px;
}
#footer .address .logo{
 margin-bottom: 20px; 
}

#footer .g_map{
 width: 490px;
 float: right;
 height: 60px;
}

#footer .inner{
 overflow: hidden; 
 max-width: 1200px;
 padding-left: 10px;
 padding-right: 10px;
 margin-left: auto;
 margin-right: auto;
}
.copy .inner{
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
}
.logofoot{
 float: left;
 margin-top: 15px;
 margin-bottom: 5px;
}
.copyright{
 margin: 10px auto 10px auto;
}

/* ------- ギャラリー */
.gallery{
 padding-left: 2%; 
}
}/* 700end */

@media screen and (max-width: 769px) {/* 以下 */
#Page-Top{
 display: none;
}
#page-top{
 width: 50px;
 height: 50px;
 position: fixed;
 bottom: 50px;
 right: 10px;
}

.gallery dl{
 float: none !important;
 width: 100% !important;
 margin-top: 0 !important;
}
.gallery dt{
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 20px;
}
.gallery br{
 display: none !important;
}
}


@media screen and (min-width: 501px) {/* ページ設定500まで */

.bnspan_2{
 display: block;
 width: 48%;
 float: left;
}
.bnspan_2r{
 width: 48%;
 float: right; 
}

}

@media screen and (max-width: 500px) {/* ページ設定500以下 */

/* 投稿画像センター寄せ */
.img-center,
.center-img{
 float: none !important;
 display: table !important;
 margin-left: auto !important;
 margin-right: auto !important;
 margin-bottom: 10px !important;
 clear: both;
}

.t_left{
 float: left;
 text-align: left !important;
}
}

/* -----------------
 カテゴリーページ
-------------------- */

@media screen and (min-width: 770px) {/* 700まで */
.post_thmb{
 float: left;
 margin-right: 15px;
}
}
@media screen and (max-width: 769px) {/* 700以下 */
.post_thmb{
 float: none;
 text-align: center; 
}
}

/* -----------------
 foot SP
-------------------- */
@media screen and (max-width: 769px) {/* 以下 */
#footer{
 box-sizing: border-box;
 padding: 10px 3% 20px 3%;
 background-color: #5d5d5d;
 color: #fff;
}

#footer .address{
 color: #fff;
 margin-bottom: 20px;
}

#back-top{
 float: left;
 margin-bottom: 0;
 width: 96%;
 margin-left: 2%;
}

#f_navi{
 padding: 20px 0 10px 0;
 margin-top: 20px;
}
#f_navi .sub_group_2,
#f_navi ul._1{
 display: grid;
 grid-template-columns: 49% 49%;
 justify-content: space-between;
}
#f_navi li {
 margin-right: 0 !important;
}
#f_navi li a{
 color: #fff;
}

.center_box_foot{
 text-align: center;
 max-width: 300px;
 margin-left: auto;
 margin-right: auto;
}
.logofoot{
 margin-top: 10px;
 width: 90%;
 margin-left: auto;
 margin-right: auto;
}
.copy{
 margin-top: 0;
 min-height: 30px;
 font-size: 70%; 
 text-align: center;
}
.copy p{
 line-height: 30px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

/* ギャラリー */

.gallery-caption{
 font-size: 12px;
}
}

@media screen and (max-width: 400px) {/* 400以下 */
body{
 font-size: 90%;
 line-height: 150%;
}

.cycloneslider-template-default .cycloneslider-caption-title {
 font-size: 13px !important;
 line-height: 1;
 margin-bottom: 0;
 padding: 5px;
 }
/* ギャラリートップ */
.i_box_200{
 width: 200px;
 float: none;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 10px;
}
.i_box_200_fit{
 width: 200px;
 float: none;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 10px;
}

.i_box_200 img,
.i_box_200_fit img {
 width: 100%;
}
}