@media only screen and (max-width: 750px),screen and (max-height: 500px){

/*display
---------------------------------*/

.flex-caption-pc{ display:none;}

/* -------------------------------------------------------------------------
 1.リセット
------------------------------------------------------------------------- */
img {max-width: 100%; height: auto; }

/* -------------------------------------------------------------------------
 2.body
------------------------------------------------------------------------- */
body{ background:#fff;}
#sp-logo{display:block;text-align:center;padding:0 10px;}
#top{ width:auto; }

#top #header h1{ display:none;}
#top .container,
#footer .container{ width:auto;}
#top #main{ height:auto !important;}
.kari{ display:none;}


/*Change display order
---------------------------------*/
#main{ display: flex; display: -webkit-flex;	display: -webkit-box;	 flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: block-axis;	 }
#flexslider-container-sp{ order: 1; -webkit-order:1;-webkit-box-ordinal-group:1; margin-bottom:20px;}
#search-box{order: 2; -webkit-order:2;-webkit-box-ordinal-group:2; }
#search-text[type=text] {width: 70%!important;}

#banners ul{ display: flex; display: -webkit-flex;	 flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: block-axis;	-webkit-flex-wrap:wrap; flex-wrap:wrap; }
#banners .menu01{ order: 3; -webkit-order:3; -webkit-box-ordinal-group:3; }
#banners .menu02{ order: 1; -webkit-order:1; -webkit-box-ordinal-group:1; }
#banners .menu03{ order: 2; -webkit-order:2; -webkit-box-ordinal-group:2; }
#banners .menu04{ order: 4; -webkit-order:4; -webkit-box-ordinal-group:4; }

/*190316改訂*/
#index-banners ul{ display: flex; display: -webkit-flex;	 flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: block-axis;	-webkit-flex-wrap:wrap; flex-wrap:wrap; }
#index-banners .menu01{ order: 4; -webkit-order:4; -webkit-box-ordinal-group:4; }
#index-banners .menu02{ order: 1; -webkit-order:1; -webkit-box-ordinal-group:1; }
#index-banners .menu03{ order: 2; -webkit-order:2; -webkit-box-ordinal-group:2; }
#index-banners .menu04{ order: 3; -webkit-order:3; -webkit-box-ordinal-group:3; }
#index-banners .menu05{ order: 5; -webkit-order:5; -webkit-box-ordinal-group:5; }


/*search
---------------------------------*/
#top #search{width:90%;}
#top #search .custom-search{ margin:20px 0; text-align: center;}
#top #search .top-keywords{ width:96%; margin:0 auto 15px auto;}
#top #search .top-keywords dl{     width: 95%;padding: 10px;background:#eee;}
#top #search .top-keywords dl dt{ float:none; text-align:center;}
#top #search .top-keywords dl dd{ float:none;}


/*banners
---------------------------------*/
#top #banners{background:url(../img/top/background.gif);}
#top #banners ul li{display:block;}
#top #banners ul li:first-child {margin:5px;}
#top #banners ul li { margin:5px;padding:0;width:46%;border:none;background:#fff;float:left;}
#top #banners ul li a{ width:auto; height:auto;}
/*190316改訂*/
#top #index-banners{background:url(../img/top/background.gif);}
#top #index-banners ul li{display:block;}
#top #index-banners ul li:first-child {margin:5px;}
#top #index-banners ul li { margin:5px;padding:0;width:46%;border:none;background:#fff;float:left;}
#top #index-banners ul li a{ width:auto; height:auto;}


/*footer
---------------------------------*/
#footer{ height:auto;margin-top:0!important;}
#footer a {color: #fff;}
#footer .address{ float:none;}
#footer .address img{ float:none; margin:0;}
#footer .address p { margin-left:10px;}
#footer .address p span{ display:block;}
#footer .contact{ float:none; text-align:center;}
#footer .contact a { margin-top:20px;}

/*====================================================
4.0 - jQuery FlexSlider v2.6.0
=====================================================*/
#flexslider-container{display:none;}
#flexslider-container-sp .flexslider .slides img{width:100%;min-width:100% !important;display:block !important;}
#flexslider-container-sp .flex-control-nav,
#flexslider-container-sp .flex-pauseplay,
#flexslider-container-sp{display:block!important; position:static!important; text-align:center;}


#flexslider-container-sp .flexslider{background:#fff;}

#flexslider-container-sp div.flexslider ul.slides li img { visibility: visible;}
#flexslider-container-sp div.flexslider ul.slides {position:static;height:auto !important;}
#flexslider-container-sp div.flexslider li {height:auto !important;}


#flexslider-container-sp div.flexslider ul{ display:table;}
#flexslider-container-sp .flex-control-nav{  float:left; margin-left:10%; padding:10px 0;}
#flexslider-container-sp .flex-pauseplay{  float:left;}

#flexslider-container-sp .flex-control-nav{width:auto;}
#flexslider-container-sp .flex-control-nav li{display:inline-block;margin:5px 15px;}
#flexslider-container-sp .flex-control-paging li a{background:#8fc6cd;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#flexslider-container-sp .flex-control-paging li a:hover{background:#004796;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#flexslider-container-sp .flex-control-paging li a.flex-active{background:#004796;}
#flexslider-container-sp .flex-pauseplay{margin:10px;}

#flexslider-container-sp a.flex-pause{background:url(../img/top/pauseplay-sp.png);}
#flexslider-container-sp a.flex-play{background:url(../img/top/play-sp.png);}
#top-kinkyu { width:96%;}

#top.top{ background-image:none !important;}

}