@charset "utf-8";
/*
Theme Name:amariko-2025
Description:amariko-2025
Theme URI: 
Author: 2025-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/


/* 基本 */
body {margin: 0;padding: 0;background: #fff ;color: #333;letter-spacing:0.05em;font-family: 'Noto-Regular', sans-serif;}
* {box-sizing: border-box;}

body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/* base*/

/* 全体枠 */
.all{min-width:1000px;}

/* 全体横幅1000px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1000px;min-width:1000px;
text-align:center;
}


/* Noto日本書体（Regular） */
@font-face {
font-family: 'Noto-Regular';
src: url('fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
}
.Noto-Regular {font-family: 'Noto-Regular', sans-serif;}

/* Noto日本書体（Bold）*/
@font-face {
font-family: 'Noto-Bold';
src: url('fonts/NotoSansCJKjp-Bold.ttf') format('truetype');
}
.Noto-Bold {font-family: 'Noto-Bold', sans-serif;}



/*kiwimaru*/
@font-face {
font-family: "kiwimaru";
src:url("fonts/kiwimaru-subset.woff") format("woff");
}
.kiwimaru {font-family: "kiwimaru", sans-serif !important;}

/* 明朝体フォント */
.font_mincho {
font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right;}

/* テキスト色 */
.red{color: #FF3300 !important;}
.green{color: #37B5B1 !important;}
.blown{color: #5B2400 !important;}

a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}

/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #E5E5E5;margin:1.5em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}

/*スマホ・PC振り分け*/
.sp {display: none !important;}
/* クリア */
.both{clear: both;}

.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}

/*ページ上部へ*/
#page-top {
position: fixed !important;
bottom: 20px;right:20px;
height: auto;z-index: 50;
text-align: center;
line-height: 0;
z-index: 200;
}
#page-top a {display: block;}




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

@media screen and (max-width: 1000px){
/* 全体枠 */
.all{overflow: hidden;min-width:100%;position: relative;}
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;}
/* 改行用 */
.newline{display:block;}
}

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


}

@media screen and (max-width: 600px){
/*ページ上部へ*/
#page-top {bottom: 15px;right:15px;}
#page-top img{width: 40px;height:auto;}
}
@media screen and (max-width: 480px){
}

/*--------------------------------------------------------------------------------*/

/*▼▼▼トップの設定▼▼▼*/
/*全体*/
.toppage #container{}
.page #container{}

/*トップh2見出し*/
.toppage h2{
}



/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

header {width: 100%;overflow: hidden;position: absolute;top:0;left:0;z-index:10;height:250px ;}

header .h-logo{
position: absolute;
text-align:center;
padding:0;
width:200px ;
height:250px ;z-index:500;
}

/*ヘッダ メニュー */
header .h-navi{width:100%;text-align: right;}
header .h-navi .h-menu{display: inline-block;vertical-align: middle;font-size: 14px;margin: 15px 15px 0 0 ;}
header .h-navi .h-otoiawase{display: inline-block;vertical-align: middle;
font-size: 15px;margin: 17px 26px 0 0 ;
}

header .h-navi .h-otoiawase a{padding: 5px 15px 5px 45px;background:#FFAF99 url(https://sakaiminato-hoikukai.jp/images/h-otoiawase.png) no-repeat left 18px center;
background-size:20px auto;color: #FFF;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
header .h-navi .h-otoiawase:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
header .h-navi .h-menu li{display: inline-block;vertical-align: middle;margin: 0 15px ;}
header .h-navi .h-menu a:hover{text-decoration: underline;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
header .h-logo{width:140px ;}
header .h-navi .h-menu li{display: inline-block;vertical-align: middle;margin: 0 8px ;}
}

@media screen and (max-width:768px){
header .tbs{display:none ;}
header .h-navi .h-menu,header .h-navi .h-otoiawase{display:none ;}
}
@media screen and (max-width:480px){
header .h-logo{width:104px ;}
}
/*--------------------------------------------------------------------------------*/


/* メインイメージ */
#main-img{width: 100%;text-align: center;overflow: hidden;position: relative;height:;background:transparent;
background-size:cover;}

#main-img .m-line-ue{width:100%;position: absolute;top:0;left:0;height:60px;
background:transparent url(https://sakaiminato-hoikukai.jp/images/m-line-ue.png) repeat-x center center;}
#main-img .m-line-shita{
width:100%;position: absolute;bottom:0;left:0;height:60px;
background:transparent url(https://sakaiminato-hoikukai.jp/images/m-line-shita.png) repeat-x center center;
}
#main-img .m-line-l{
width:34px;position: absolute;bottom:0;left:0;height:100vh;
background:transparent url(https://sakaiminato-hoikukai.jp/images/m-line-l.png) repeat-y center center;
}
#main-img .m-line-r{
width:34px;position: absolute;bottom:0;right:0;height:100vh;
background:transparent url(https://sakaiminato-hoikukai.jp/images/m-line-r.png) repeat-y center center;
}
.m-line-l-cover{
width:23px;position: absolute;bottom:0;left:0;height:100vh;z-index:2;
background:transparent url(https://sakaiminato-hoikukai.jp/images/m-line-cover.png) repeat-y center center;
}
.m-line-r-cover{
width:23px;position: absolute;bottom:0;right:0;height:100vh;z-index:2;
background:transparent url(https://sakaiminato-hoikukai.jp/images/m-line-cover.png) repeat-y center center;
}

/* スライダー画像 */
.center-item.slider img{width: 100%;height:100vh;object-fit: cover;object-position: center bottom;}
#main-img .main-copy{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;font-size: 30px;width: 90%;line-height: 1.6;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));
}

.m-copy{position: absolute;bottom:180px;left:0;z-index:5;}
.m-kumo01{position: absolute;bottom:400px;left:100px;z-index:5;}
.m-kumo02{position: absolute;bottom:40px;left:45px;z-index:5;}
.m-kumo03{position: absolute;bottom:260px;right:40px;z-index:5;}
.m-ill{position: absolute;bottom:34px;right:12%;z-index:5;}

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

@media screen and (max-width: 1000px) {
.m-copy{position: absolute;bottom:180px;left:-20px;width:280px;height:auto;}
.m-kumo01{position: absolute;bottom:400px;left:40px;width:80px;height:auto;}
.m-kumo03{position: absolute;bottom:260px;right:40px;width:120px;height:auto;}
.m-kumo02{width:140px;height:auto;}
.m-ill{position: absolute;bottom:34px;right:12%;;width:220px;height:auto;}
}


@media screen and (max-width:768px){
#main-img .m-line-ue,#main-img .m-line-l,#main-img .m-line-r,.m-line-l-cover,.m-line-r-cover{display:none ;}
}

@media screen and (max-width:600px){
.center-item.slider img{width: 100%;height:360px;object-fit: cover;object-position: center bottom;}
.m-copy{position: absolute;bottom:80px;left:-20px;width:180px;height:auto;}
.m-kumo01{position: absolute;bottom:200px;left:20px;width:40px;height:auto;}
.m-kumo03{position: absolute;bottom:240px;right:20px;width:80px;height:auto;}
.m-kumo02{display:none;}
.m-ill{position: absolute;bottom:34px;right:3%;width:180px;height:auto;}
}
@media screen and (max-width:480px){

}
/*--------------------------------------------------------------------------------*/


/*日々のきろく*/
#diary{background-color:#fff;position:relative;padding:100px 0 !important;}
#diary h2{margin-bottom:38px;padding-bottom:10px;border-bottom:2px solid #56B4DF;}
#diary .inner{width:95% !important;display:block;margin:0 auto;text-align:left !important;}
#diary .inner .box{margin:0 2% 22px 2.5%;line-height:1.4;width:45% !important;display: inline-block;vertical-align: top;font-size:12px !important;border-bottom:1px solid #D3D3D3;}
#diary .inner .box .thumbnail{float:left;width:105px !important ;}
#diary .inner .box .thumbnail img{padding: 0 15px 0 0 !important;margin: 0 0 15px 0 !important;width: 100% !important; display: inline-block;vertical-align: top;object-fit: cover;width:105px;height:90px !important ;}
#diary .inner .box .date{display: inline-block;vertical-align: top;font-size:12px;margin:0 0 5px 0;padding:0 0 0 0;}
#diary .inner .box .title{font-size:13px;}

#diary .more{font-size: 12px;margin-top: 30px;}
#diary .more a{color:#56B4DF;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
#diary .inner{width:100% !important;}
}
@media screen and (max-width:600px){
#diary h2 img{width:124px;height:auto;}
#diary .inner .box{margin:0 0 22px 0;width:100% !important;}
}
@media screen and (max-width:480px){
#diary{padding:50px 0 60px 0 !important;}
#diary h2{margin-bottom:18px;}
#diary .inner .box .thumbnail{float:left;width:95px !important ;}
#diary .inner .box .thumbnail img{padding: 0 15px 0 0 !important;margin: 0 0 15px 0 !important;width: 100% !important; display: inline-block;vertical-align: top;object-fit: cover;width:95px;height:80px !important ;}
#diary .inner .box .title{font-size:12px;}
#diary .more{margin-top: 0;}
}
/*--------------------------------------------------------------------------------*/

/*園の方針*/
#introduce{
background:#FEFBF0 url(https://sakaiminato-hoikukai.jp/images/white-bg.png) repeat-x;
position:relative;padding: 0;font-size: 14px;line-height: 1.8;
}
#introduce h2{}
#introduce .box{margin: 40px 0 20px 50px;}
#introduce .box img{vertical-align: top;}
#introduce .box .copy{margin-left: 25px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
#introduce .box{margin: 40px 0 20px 0;}
#introduce .box .photo{width: 65%;height: auto;}
#introduce .box .copy{width: 11%;height: auto;margin-left: 15px;}
}
@media screen and (max-width:600px){
#introduce h2 img{width: 180px;}
#introduce{font-size: 11px;line-height: 1.4;}
}
@media screen and (max-width:480px){
#introduce .box{margin: 20px 0 20px 0;}
}
/*--------------------------------------------------------------------------------*/

/*コンテンツリンク*/
#links{background-color:#FEFBF0;position:relative;padding:60px 0 110px 0 !important;}
#links .box{background:#56B4DF;display: inline-block;
vertical-align: top;
line-height:1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
font-size: 15px;margin: 0 10px;
width: 18%
}
#links .box a{color:#fff;display:block;padding:18px 15px 18px 15px !important;}
#links .box:hover{cursor:pointer;
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

#links .btn01{background:url(https://sakaiminato-hoikukai.jp/images/btn-icon01.png) no-repeat left center;
background-size:29px auto;padding:10px 0 10px 40px;}
#links .btn02{background:url(https://sakaiminato-hoikukai.jp/images/btn-icon02.png) no-repeat left center;
background-size:29px auto;padding:10px 0 10px 40px;}
#links .btn03{background:url(https://sakaiminato-hoikukai.jp/images/btn-icon03.png) no-repeat left center;
background-size:29px auto;padding:10px 0 10px 40px;}
#links .btn04{background:url(https://sakaiminato-hoikukai.jp/images/btn-icon04.png) no-repeat left center;
background-size:29px auto;padding:10px 0 10px 40px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#links .box{margin: 0 1%;width: 20%}
}
@media screen and (max-width:768px){
#links .box{margin: 0 1% 10px 1%;width: 48%}
}
@media screen and (max-width:600px){
}
@media screen and (max-width:480px){
#links{padding:40px 0 60px 0 !important;}
}
/*--------------------------------------------------------------------------------*/

/*年間行事*/
#event{background-color:#fff;position:relative;padding:110px 0 !important;}
#event .inner{background-color:#EEF7FC;position:relative; padding:80px 35px 50px 35px;
width:1000px;margin:0 auto;}
#event .inner h2{margin-bottom:22px;}
#event .inner .ill{position:absolute;top:-60px;right:32px;z-index:2;}
#event .inner .ptn-01{position:absolute;top:0;left:0;z-index:1;}
#event .inner .ptn-02{position:absolute;top:130px;right:0;z-index:1;}
#event .inner .ptn-03{position:absolute;bottom:0;left:200px;z-index:1;}
#event .inner .box{text-align:left;font-size:13px;line-height:1.6;margin-bottom:40px;position:relative;z-index:2;}
#event .inner .titles{margin-bottom:14px;}
#event .inner .dotline{border-bottom:1px dotted #999;padding:8px 0;}
#event .inner .t-box{display: inline-block;vertical-align: top;width:50%;}
#event .inner .p-box{display: inline-block;vertical-align: top;width:45%;}
#event .inner .l-margin{margin-left: 3.8%;}
#event .inner .float-r{float: right;}
#event .inner .float-l{float: left;}
#event .inner .manth{display: inline-block;vertical-align: top;width: 9%}
#event .inner .list{display: inline-block;vertical-align: top;width: 88%;}
#event .inner .haru{color:#9ACC71;}
#event .inner .natsu{color:#E83416;}
#event .inner .aki{color:#AB8C1E;}
#event .inner .fuyu{color:#5D83C2;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#event .inner{width:100%;margin:0 auto;}
#event .inner .ill{width:230px;}
}
@media screen and (max-width:900px){
#event .inner .manth{width: 14% !important;}
#event .inner .list{width: 82% !important;}
}
@media screen and (max-width:600px){
#event h2 img{width:124px;height:auto;}
#event .inner{padding:50px 0 20px 0;width:50px 0 30px 0;}
#event .inner .ill{width:180px;top:-60px;right:0}
#event .inner .box{width:80%;margin:0 auto 55px auto;}
#event .inner .titles{margin:15px 0 5px 0;}
#event .inner .t-box{display: block;width:100%;}
#event .inner .p-box{display: block;width:100%;}
#event .inner .l-margin{margin-left: 0;}
#event .inner .float-r{float: none;}
#event .inner .float-l{float: none;}
}
@media screen and (max-width:480px){
#event{padding:110px 0 60px 0 !important;}
}
/*--------------------------------------------------------------------------------*/

/*園のご紹介*/
#information{background-color:#fff;position:relative;padding: 0 0 100px 0 !important;}
#information .inner{width:90%;margin:0 auto;}
#information .tate-box{float:right;text-align:right;}
#information .sp-box{display:none;}
#information .naiyo-box{float:left;text-align:left;width:85%;}
#information .naiyo-box .u-box{text-align:center;font-size:14px;}
#information .naiyo-box .u-box .l-box{display: inline-block;vertical-align: top;line-height:1;width:50%;}
#information .naiyo-box .u-box .r-box{display: inline-block;vertical-align: top;line-height:1.6;width:50%;padding:0 0 0 40px;}
#information .naiyo-box .u-box .r-box .hoikuen{color: #56B4DF;font-size:21px;margin-bottom:15px;}
#information .naiyo-box .u-box .r-box .more{background-color: #56B4DF;margin-top:20px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
#information .naiyo-box .u-box .r-box .more:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

#information .naiyo-box .u-box .r-box .more a{display: block;padding:5px;color:#fff;}

#information .naiyo-box .s-box{text-align:center;font-size:18px;margin-top:80px;}
#information .naiyo-box .s-box .tsubasa{
display: inline-block;
vertical-align: top;
border:1px solid #F29300 !important;
color: #F29300;
width: 345px;
margin:0 25px 0 20px;
}
#information .naiyo-box .s-box .tsubasa:hover{color: #fff !important;}
#information .naiyo-box .s-box .tsubasa a:hover{background-color:#F29300;color: #fff !important;}
#information .tsubasa a{color: #F29300 !important;display:block;padding:20px 14px 20px 40px;}

#information .naiyo-box .s-box .hoikukai{
display: inline-block;
vertical-align: top;
border:1px solid #29AF4B !important;color: #29AF4B !important;width: 345px;margin: 0 0 0 25px;}
#information .naiyo-box .s-box .hoikukai:hover{color: #fff !important;}
#information .naiyo-box .s-box .hoikukai a:hover{background-color:#29AF4B;color: #fff !important;}
#information .hoikukai a{color: #29AF4B !important;display:block;padding:20px 14px 20px 40px;}

#information .tbs{background:url(images/f-icon-tsubasa.png) no-repeat left center;
background-size:28px auto;padding:5px 0 5px 34px;}
#information .hik{background:url(https://sakaiminato-hoikukai.jp/images/f-icon-hoikukai.png) no-repeat left center;
background-size:28px auto;padding:5px 0 5px 38px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#information .naiyo-box .s-box .tsubasa{
display: inline-block;
vertical-align: top;
border:1px solid #F29300 !important;color: #F29300 !important;width: 47%;margin:0 2% 0 0;}
#information .tsubasa a{color: #F29300 !important;display:block;padding:20px 0 20px 0;}
#information .naiyo-box .s-box .hoikukai{display: inline-block;
vertical-align: top;
border:1px solid #29AF4B !important;color: #29AF4B !important;width:47%;margin: 0 0 0 2% }
#information .hoikukai a{color: #29AF4B !important;display:block;padding:20px 0 20px 0;}
}
@media screen and (max-width:768px){
#information .tate-box{display:none;}
#information .sp-box{display:inline-block;margin-bottom:30px;}
#information .naiyo-box{float:left;text-align:left;width:100%;}
#information .naiyo-box .u-box .l-box{width:100%;}
#information .naiyo-box .u-box .r-box{margin-top: 20px;width:100%;padding:0;}
#information .naiyo-box .u-box .r-box .more{width: 340px;margin:20px auto 0 auto;}
}

@media screen and (max-width:600px){
#information h2 img{width:124px;height:auto;}
}
@media screen and (max-width:480px){
#information{padding: 0 0 50px 0 !important;}
#information .sp-box{margin-bottom:20px;}
#information .naiyo-box .u-box .r-box{font-size:13px;}
#information .naiyo-box .u-box .r-box .hoikuen{font-size:18px;margin-bottom:5px;}
#information .naiyo-box .s-box{text-align:center;font-size:18px;margin-top:40px;}
#information .naiyo-box .s-box .tsubasa{
display: block;
width: 340px;margin:0 auto 12px auto;}
#information .tsubasa a{padding:12px 14px 12px 40px;}
#information .naiyo-box .s-box .hoikukai{
display:block;
width: 340px;margin: 0 auto;}
#information .hoikukai a{padding:12px 14px 12px 40px;}
}

@media screen and (max-width:400px){
#information .naiyo-box .u-box .r-box .more{width: 100%;}
#information .naiyo-box .s-box .tsubasa{width: 100%;}
#information .naiyo-box .s-box .hoikukai{width: 100%;}
}

/*--------------------------------------------------------------------------------*/

/*フッタ*/
.f-line{background:transparent url(https://sakaiminato-hoikukai.jp/images/f-line.png) repeat-x center center;width:100%;height:20px;position: relative;z-index:0;}
footer{padding: 60px 0 !important;width: 100%;text-align: center;position: relative;min-width:1000px;z-index:2;background:#FEFBF0;}

footer .l-box{text-align:left;display:inline-block;vertical-align: top;width: 50%;}
footer .r-box{text-align:center;display:inline-block;vertical-align: top;width: 50%;background:#56B4DF;position: relative;
padding: 40px 20px 30px 20px !important}

.color-a{color:#FFAF99;margin-right:4px;}
.color-b{color:#56B4DF;margin-right:4px;}

footer .l-box .f-menu{font-size:13px;}
footer .l-box .f-menu a:hover{text-decoration:underline;}
footer .l-box .f-menu ul{text-align:left;display:inline-block;vertical-align: top;line-height:2;}
footer .l-box .f-menu .margin-r{margin-right:12%;}
footer .l-box .f-menu li{}

footer .pc-copy{font-size:10px;margin:65px 20px 0 0;line-height:1.4;}
footer .sp-copy{font-size:10px;display:none;line-height:1.4;}

footer .r-box .f-ill{position: absolute;right: 0;top: -80px;z-index:10;}
footer .r-box .f-logo{margin-bottom:30px;}

footer .r-box .link-otoiawase{background:#FFAF99 url(https://sakaiminato-hoikukai.jp/images/f-otoiawase.png) no-repeat left 20px center;
background-size:28px auto;color: #FFF;display:inline-block;font-size:16px;margin:0 12px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
footer .r-box .link-otoiawase:hover{cursor:pointer;
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
footer .r-box .link-otoiawase a{color: #FFF;display:block;padding:12px 18px 12px 55px;}

footer .r-box .link-tel{background: #FFF url(images/f-tel.png) no-repeat left 15px center;
background-size:28px auto;color:#FFAF99;display:inline-block;font-size:16px;margin:0 12px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
footer .r-box .link-tel:hover{cursor:pointer;
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
footer .r-box .link-tel a{color:#FFAF99;display:block;padding:12px 18px 12px 45px;}



/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
footer{padding: 35px 0 50px 0 !important;width: 100%;min-width:100%;}
footer .l-box{text-align:left;display:inline-block;vertical-align: top;width: 45%;}
footer .r-box{width: 55%;padding: 40px 5px 30px 5px !important}
footer .r-box .f-ill{position: absolute;right: 0;top: -56px;z-index:10;width:180px;height:auto;}
footer .r-box .f-logo{width:280px;height:auto;margin:0 auto 30px auto;}
footer .r-box .link-otoiawase{background:#FFAF99 url(https://sakaiminato-hoikukai.jp/images/f-otoiawase.png) no-repeat left 15px center;
background-size:20px auto;font-size:14px;margin:0 8px;}
footer .r-box .link-otoiawase a{padding:12px 18px 12px 45px;}
footer .r-box .link-tel{background: #FFF url(images/f-tel.png) no-repeat left 10px center;
background-size:20px auto;font-size:14px;margin:0 8px;}
footer .r-box .link-tel a{padding:12px 18px 12px 35px;}
}

@media screen and (max-width:900px){
footer .f-menu .margin-r{margin-right:25px;}
footer .pc-copy{display:none;}
footer .sp-copy{font-size:10px;display:inline-block;margin:20px 0 0 0;}
}
@media screen and (max-width: 768px){
footer{text-align:left !important;}
footer .l-box{width:100%;margin:0 0 48px 0;}
footer .l-box .f-menu{margin:0 0 20px 0;}
footer .l-box .f-menu li{display:inline-block;margin-right:14px;}
footer .r-box{width: 100%;}
}
@media screen and (max-width: 600px){
footer .l-box .f-menu{margin:0 0 20px 20px;}
footer .l-box .f-menu li{display:block;margin:0;}
footer .r-box{padding: 25px 5px 25px 5px !important}
footer .r-box .f-logo{width:80%;height:auto;margin:0 auto 15px auto;}
}
@media screen and (max-width: 480px){
footer .l-box .f-menu{margin:0 0 20px 4%;}
footer .l-box .f-menu .margin-r{margin-right:7%;}
footer .r-box .link-otoiawase{background:#FFAF99 url(https://sakaiminato-hoikukai.jp/images/f-otoiawase.png) no-repeat left 15px center;
background-size:20px auto;font-size:12px;margin:0 4px;}
footer .r-box .link-otoiawase a{padding:12px 10px 12px 40px;}
footer .r-box .link-tel{background: #FFF url(images/f-tel.png) no-repeat left 10px center;
background-size:20px auto;font-size:12px;margin:0 4px;}
footer .r-box .link-tel a{color:#FFAF99;display:block;padding:12px 10px 12px 30px;}
}
@media screen and (max-width: 400px){
}
/*--------------------------------------------------------------------------------*/


/* スクロールアクション用 */
.invisible {
transition: opacity 0.5s ease;
opacity: 0.0;
}

.visible {
transition: opacity 0.5s ease;
opacity: 1.0;
}

.block {
/* 1秒遅れてアニメする */
animation-delay: 1s;
}
.fade {
-webkit-animation-duration: 5s;
animation-duration: 5s !important;
}