@charset "utf-8";

/*
Theme Name: poool-2026
Description:poool-2026
Theme URI: 
Author: 2026-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/

* {
padding: 0; /* Reset `padding` and `margin` of all elements */
margin: 0;
box-sizing: border-box;
}

/*body*/
body {
font-family: 'Noto-m', sans-serif;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
color:#7284b0;
overflow-x: hidden;
}

/*bodyフェードイン*/
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}

/* 全体枠 */
#all{}
/*横幅980px*/
.all-width{position: relative;display: block !important;width:1000px;min-width: 1000px;margin: 0 auto;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#all{overflow: hidden !important;min-width:100% !important;width:100% !important;}
}
@media screen and (max-width: 1000px){
/* 全体枠 */
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;}
}
@media screen and (max-width: 900px){

}
@media screen and (max-width: 768px){
.all-width{}
}
/*--------------------------------------------------------------------------------*/

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


#bt-sp-menu{display:none;}

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

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

/* てん明朝 */
.ten-min {
font-family: ten-mincho, serif;
font-weight: 400;
font-style: normal;
}

/* ちくご明朝フォント */
@font-face {
font-family: "ChikugoMin";
src: url("fonts/ChikugoMin.woff") format("woff"),
url("fonts/ChikugoMin.ttf") format("truetype");
}
.ChikugoMin{
font-family: "ChikugoMin", serif;
}

/* DINフォント(英文) */
@font-face {
font-family: "din";
src: url("fonts/din-condensed-light.ttf") format("truetype");
}
.din{
font-family: "din", sans-serif;font-weight: lighter;
}

/* boldフォント */
@font-face {
font-family: "Noto-bl";
src: url("fonts/Noto-Bl.woff") format("woff"),
url("fonts/Noto-Bl.ttf") format("truetype");
}
.Noto-bl {
font-family: "Noto-bl", sans-serif;
}

/* mediumフォント */
@font-face {
font-family: "Noto-m";
src: url("fonts/Noto-ml.woff") format("woff"),
url("fonts/Noto-m.ttf") format("truetype");
}
.Noto-m {
font-family: "Noto-m", sans-serif;
}

/* 明朝体フォント */
.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 !important;}

/* テキスト色 */
.green{color: #006934 !important;}
.l-green{color: #60A895 !important;}
.brawn{color: #DCAE6B !important;}

/* リンク */
a{text-decoration:none;color:#7284b0;}
a:hover{text-decoration:underline;}

/* 文字間つめ */
.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 #333;margin:2em 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;}

.sp-m-top{padding-top:30px !important;}
.sp-l-top{padding-top:40px !important;}
.sp-ll-top{padding-top:80px !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.sp-m-top{padding-top:20px !important;}
.sp-l-top{padding-top:30px !important;}
.sp-ll-top{padding-top:50px !important;}
}
/*--------------------------------------------------------------------------------*/

/*▼▼▼トップの設定▼▼▼*/

/*全体*/
#container{}
.content{}

.h-logo,.toppage h2{font-weight:normal;}

/*ヘッダ帯*/
.header-box{height:38px;width:100%;font-family: "din", sans-serif;border-bottom:1px solid #fff;}
.h-logo{font-size:0.8em;letter-spacing:0.5em;padding:14px 14px 0 20px;}
.page .h-logo{font-weight:normal;}

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


/*メインイメージ*/
#main-images{position: relative;font-family: "din", sans-serif;}
#main-images .zukei{
position: absolute;
top: 45%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
#main-images .en-txt{font-weight: lighter !important;color: #fff;font-size:0.75em;letter-spacing:0.05em;text-align:left;line-height:1.8em;}
#main-images .jp-copy{font-size: 1.1em;letter-spacing:0.2em;color:#fff;line-height:1.2;}

#main-images .box-a{position: relative;margin-bottom:38px;}
#main-images .box-a .l-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:10%;text-align:center;
}
#main-images .box-a .l-box .side-year{position: absolute;top: 45%;width: 100%;letter-spacing:0.2em;text-align:center;}

.page .col-left .side-year{width: 100%;letter-spacing:0.2em;text-align:center;font-size:12px;margin:30px 0;}

#main-images .box-a .r-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:90%;text-align:center;
background: linear-gradient(0deg, rgba(250, 224, 237, 1) 0%, rgba(234, 236, 227, 1) 100%);
}

#main-images .box-a .r-box .txt-box{position: absolute;left:40px;bottom:30px;text-align:left;width:450px;}

#main-images .box-b{position: relative;margin-bottom:38px;}
#main-images .box-b .l-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:90%;text-align:center;
background: linear-gradient(0deg, rgba(250, 224, 237, 1) 0%, rgba(234, 236, 227, 1) 100%);
}
#main-images .box-b .l-box .txt-box{position: absolute;left:40px;bottom:30px;text-align:left;width:auto;}
#main-images .box-b .l-box .en-txt{position: absolute;right:40px;bottom:30px;text-align:right;width:auto;}
#main-images .box-b .r-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:10%;text-align:center;
font-size:0.85em;letter-spacing:0.3em;
}

#main-images .box-b .txt-a{line-height:1.8;position: absolute;top: 10px;width: 100%;padding:0 5px;}
#main-images .box-b .txt-b{line-height:1.8;position: absolute;top: 45%;width: 100%;padding:0 5px;}
#main-images .box-b .txt-c{line-height:1.0;position: absolute;bottom: 10px;width: 100%;padding:0 5px;}
#main-images .box-b .txt-c p{margin-bottom: 10px;}
#main-images .box-c{position: relative;}
#main-images .box-c .l-box{
position: relative;display: inline-block;vertical-align: top;line-height:1.8;
width:10%;text-align:center;
font-size:0.85em;letter-spacing:0.3em;
}

#main-images .box-c .txt-a{line-height:1.8;position: absolute;top: 10px;width: 100%;padding:0 5px;}
#main-images .box-c .txt-b{line-height:1.8;position: absolute;top: 45%;width: 100%;padding:0 5px;}
#main-images .box-c .txt-c{line-height:1.0;display:block;position: absolute;bottom: 10px;width: 100%;padding:0 5px;}
#main-images .box-c .txt-c p{margin-bottom: 10px;}

.spacing{letter-spacing:0.43em;}
.plusplus{display:inline-block;line-height:0;vertical-align: middle;}
.plus{display:inline-block;font-size:1.6em;line-height:0;vertical-align: middle;}

#main-images .box-c .r-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:90%;text-align:center;
background: linear-gradient(0deg, rgba(250, 229, 217, 1) 0%, rgba(178, 212, 229, 1) 100%);
}
#main-images .box-c .r-box .txt-box{position: absolute;right:40px;bottom:30px;text-align:right;width:auto;}
#main-images .box-c .r-box .en-txt{position: absolute;left:40px;bottom:30px;text-align:left;width:auto;}


#main-images .seemore{letter-spacing:0.4em;font-size:0.85em;margin-top:1.2em;}

.blink-img {
animation: blink 8s ease-in-out infinite, float 8s ease-in-out infinite;
}
.blink-img-b {
animation: blink-b 8s ease-in-out infinite, float 8s ease-in-out infinite;
}
.blink-img-f {
animation: blink-b 8s ease-in-out infinite;
}


@keyframes blink {
  0%,100% { 
    opacity: 1;
  }
  50% { 
    opacity: 0.1;
  }
}

@keyframes blink-b {
  0%,100% { 
    opacity: 0.1;
  }
  50% { 
    opacity: 1;
  }
}

.float-img {
  animation: float 8s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(-2%) !important;
  }
  50% {
    transform: translateY(2%) !important;
  }
}


#main-images .box-a,#main-images .box-a .l-box,#main-images .box-a .r-box,
#main-images .box-b,#main-images .box-b .l-box,#main-images .box-b .r-box,
#main-images .box-c,#main-images .box-c .l-box,#main-images .box-c .r-box{height: calc(100vh - 38px);}

.vertical {writing-mode: vertical-lr;margin:0 auto !important;display:inline-block;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#main-images .box-b .l-box .en-txt{position: absolute;left:40px;bottom:90px;text-align:right;width:auto;margin-left:0;line-height:1.5;}
#main-images .box-b .l-box .txt-box{margin-right:30px;}
#main-images .box-b .r-box,#main-images .box-c .l-box{letter-spacing:0.2em;font-size:0.7em;}
}

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

}

@media screen and (max-width: 600px){
#main-images .box-a .r-box .txt-box{position: absolute;left:40px;bottom:30px;text-align:right;width:auto;margin-right:40px;}
#main-images .box-b .l-box .en-txt{bottom:100px;}
#main-images .box-c .r-box .en-txt{position: absolute;left:40px;bottom:100px;text-align:left;width:auto;margin-right:0;line-height:1.5;}
#main-images .seemore{letter-spacing:0.4em;font-size:0.85em;margin-top:0.5em;}
#main-images .box-a,#main-images .box-a .l-box,#main-images .box-a .r-box,
#main-images .box-b,#main-images .box-b .l-box,#main-images .box-b .r-box,
#main-images .box-c,#main-images .box-c .l-box,#main-images .box-c .r-box{height: calc(100vh - 38px);}
#main-images .zukei{top: 45%;width:150px;}

}
@media screen and (max-width: 480px){
#main-images .box-a .l-box,#main-images .box-c .l-box,#main-images .box-b .r-box{width:8%;}
#main-images .box-a .r-box,#main-images .box-c .r-box,#main-images .box-b .l-box{width:92%;}
#main-images .jp-copy{font-size: 1em;}
#main-images .box-a .r-box .txt-box{left:20px;margin-right:20px;}
#main-images .box-b .l-box .en-txt{right:20px;left:20px;}
#main-images .box-b .l-box .txt-box{left:20px;margin-right:20px;}
#main-images .box-c .r-box .en-txt{left:20px;margin-right:0;}
#main-images .box-c .r-box .txt-box{right:20px;margin-left:20px;}
}
/*--------------------------------------------------------------------------------*/


/*ムービー*/
#movie{text-align: center;margin:50px 0 0 0;padding:50px 0;background:#000;}
#movie video{width:90% !important;}

/*カウント*/
#count-area{text-align: center;padding:100px 0;font-family: "din", sans-serif;font-size:0.72em;letter-spacing:0.3em;}
#count-area iframe{padding-top:5px !important;}
.page .count iframe{padding-top:4.1px !important;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:820px){
#count-area{text-align: center;padding:80px 0 0 0;}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 600px){
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/


/*グロナビ*/
.toppage .g-navi{text-align: center;padding:100px 0;font-family: "din", sans-serif;letter-spacing:0.3em;}
.toppage .g-navi .l-box{display: inline-block;vertical-align: middle;}
.toppage .g-navi .r-box{display: inline-block;vertical-align: middle;padding-left: 100px;}
.toppage .g-navi .logomark{display: inline-block;vertical-align: middle;line-height:1;margin: 0 80px 0 0;}
.toppage .g-navi ul{display: inline-block;vertical-align: middle;line-height:1.5;}
.toppage .g-navi ul li{display: inline-block;vertical-align: middle;line-height:1;margin: 0 0 0 50px;
background:transparent url(images/gld-icon.png) no-repeat left center;background-size: 15px;padding: 0 0 0 20px;}
.toppage .g-navi .s-navi{text-align: right;margin-top: 20px;}
.toppage .g-navi .s-navi .box{display: inline-block;vertical-align: middle;font-size: 0.6em;letter-spacing:0.3em;margin: 0 0 0 50px;}
.toppage .g-navi .blog{position: relative; display: inline-block;vertical-align: middle;line-height:1;margin: 0;}
.toppage .g-navi .blog .insta{position:absolute; bottom: 0; right: 2px;}

.zukei-3{text-align:center;}

.float-img {
  animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(-2%);
  }
  50% {
    transform: translateY(2%);
  }
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1335px){
.toppage .g-navi .r-box{padding-left: 50px;}
.toppage .g-navi .logomark{margin: 0 30px 0 0;}
.toppage .g-navi ul li{margin: 0 0 0 30px;}
}
@media screen and (max-width: 1000px){
.toppage .g-navi .r-box{padding-left: 30px;}
.toppage .g-navi .logomark{margin: 0 10px 0 0;}
.toppage .g-navi ul li{margin: 0 0 0 15px;background-size: 10px;padding: 0 0 0 14px;}
.toppage .g-navi .s-navi .box{margin: 0 0 0 30px;}
}
@media screen and (max-width: 820px){
.toppage .g-navi{text-align: center;padding:50px 0;}
.toppage .g-navi .logomark{display: block;margin: 0 0 30px 0;}
.toppage .g-navi .r-box{display: block;margin-top: 30px;padding-left: 0;}
.toppage .g-navi .s-navi{text-align: center;margin-top: 20px;}
.toppage .g-navi .s-navi .box{margin: 0 10px;}
.toppage .g-navi ul li{margin: 0 7px;}
.zukei-3{text-align:center;margin: 0 20px;}
}
@media screen and (max-width: 480px){
.toppage .g-navi .blog img{width: 60px;}
.toppage .g-navi .blog .insta{width: 20px;}
}
/*--------------------------------------------------------------------------------*/


/*topics*/
#topics{text-align: left;padding:100px 0;}
#topics .blog{padding:0;margin-top:-100px;}
#topics h2{letter-spacing:0.3em;margin-bottom:25px;font-family: "din", sans-serif;}
#topics .l-box{float:left;}
#topics .r-box{float:right;}
#topics .box{margin-bottom:20px;line-height:1.4;}
#topics .box a{color:#4e4e4e;}
#topics .box .date{display: inline-block;vertical-align: middle;font-size:0.6em;margin-right:10px;}
#topics .box .category{display: inline-block;vertical-align: middle;font-size: 0.5em;margin-right:10px;color:#FFC2CA;}
#topics .box .category a{color:#FFC2CA;}
#topics .box .title{display: inline-block;vertical-align: middle;font-size:0.7em;}
#topics .seemore{display: inline-block;background:transparent url(images/more-btn.png) no-repeat left center;}
#topics .seemore a{display: block;color:#fff;font-family: "din", sans-serif;font-size:0.8em;letter-spacing:0.2em;padding:30px 100px;}
#topics .seemore a:hover{text-decoration:none;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 820px){
#topics{text-align: left;padding:60px 0;}
#topics .blog{padding:0;margin-top:-50px;}
#topics .l-box{float:none;}
#topics .r-box{float:none;text-align:center;margin-top:50px;}
}
/*--------------------------------------------------------------------------------*/


/*スライダーa*/
#slider-a{text-align: center;padding:80px 0 20px 0;}
.center-item{margin-left:-200px;margin-right:200px;filter: drop-shadow(0 0 5px #E6F5F1);}
.slide img {
transform: scale(.8);
transition: transform .3s;
}
.slide.slick-center img {
transform: scale(1);
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 820px){
#slider-a{text-align: center;padding:50px 0 20px 0;}
.center-item{margin-left:0;margin-right:0;}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 600px){
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/

/*photo*/
#photo{text-align: center;padding:100px 0 50px 0;font-family: "din", sans-serif;width:1335px;margin:0 auto;}
#photo .inner{}
#photo .l-box{display: inline-block;position: relative;vertical-align:middle;width:7%;}
#photo .r-box{display: inline-block;vertical-align:middle;width:90%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1335px){
#photo{padding:100px 20px 50px 0;width:100%;}
}
@media screen and (max-width: 820px){
#photo{text-align: center;padding:50px 20px 20px 0;}
}
@media screen and (max-width: 600px){
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/


/*works*/
#works{text-align: center;padding:100px 0;}
#works .inner{width:1250px;margin:0 auto;}
#works h2{letter-spacing:0.3em;margin-bottom:35px;font-family: "din", sans-serif;}
#works .l-box{display: inline-block;vertical-align:top;width:62%;text-align:left;padding:0 50px;}
#works .r-box{display: inline-block;vertical-align:top;width:38%;text-align:left;}
#works .l-box .ue{margin-bottom:90px;}
#works .l-box .ue .box-a{padding:0 30px 0 0;}
#works .l-box .st{}
#works .l-box .st .box-b{display: inline-block;vertical-align:top;width:45.2%;margin:0 3.8% 70px 0;}
#works .r-box .box-c{margin:100px 0 200px 0;}
#works .tumb{margin-bottom:20px;}
#works .titles{font-size:0.9em;letter-spacing:0.1em;line-height:1.4;}
#works .jp-sub{color:#4e4e4e;font-size:0.6em;letter-spacing:0.2em;margin:12px 0;}
#works .en-sub{color:#bcbcbc;font-size:0.6em;letter-spacing:0.1em;font-family: "din", sans-serif;line-height:1.4;}
#works .seemore{font-family: "din", sans-serif;letter-spacing:0.4em;font-size:0.85em;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1335px){
#works .inner{width:100%;margin:0 auto;}
#works .l-box{display: inline-block;vertical-align:top;width:62%;text-align:left;padding:0 30px 0 30px;}
#works .r-box{display: inline-block;vertical-align:top;width:38%;text-align:left;padding:0 30px 0 0;}
}
@media screen and (max-width: 820px){
#works .l-box{display: inline-block;vertical-align:top;width:62%;text-align:left;padding:0 20px 0 30px;}
#works .l-box .st .box-b{display: inline-block;vertical-align:top;width:42%;margin:0 3.8% 70px 0;}
}
@media screen and (max-width: 768px){
#works .l-box .st .box-b{display: inline-block;vertical-align:top;width:92%;margin:0 0 70px 0;}
}
@media screen and (max-width: 600px){
#works .l-box{display: block;vertical-align:top;width:87.5%;text-align:left;padding:0;margin:0 auto;}
#works .r-box{display: block;vertical-align:top;width:87.5%;text-align:left;padding:0;margin:0 auto;}
#works .l-box .ue{margin-bottom:0;}
#works .l-box .ue .box-a{padding:0;margin:0 0 30px 0;}
#works .l-box .st .box-b{display:block;vertical-align:top;width:100%;margin:0 0 30px 0;}
#works .r-box .box-c{margin:0 0 30px 0;}
}
/*--------------------------------------------------------------------------------*/


/*スライダーb*/
#slider-b{text-align: center;padding:80px 0 0 0;}
#slider-b .slides{margin:0 10px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1335px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 600px){
}
@media screen and (max-width: 480px){
#slider-b{padding:0;}
}
/*--------------------------------------------------------------------------------*/


/*フッタ*/
.toppage footer{text-align: center;padding:50px 0 80px 0;font-family: "din", sans-serif;}
.toppage .f-navi{text-align: center;padding:100px 0;letter-spacing:0.3em;margin: 0;padding: 0 0 35px 0;}
.toppage footer .f-navi .l-box{display: inline-block;vertical-align: bottom;}
.toppage footer .f-navi .r-box{display: inline-block;vertical-align: bottom;padding-left: 100px;}
.toppage footer .f-navi ul{vertical-align: middle;line-height:1.5;}
.toppage footer .f-navi ul li{display: inline-block;vertical-align: middle;line-height:1;margin: 0 0 0 50px;
background:none;background-size:0;padding: 0;}
.toppage footer .blog{position: relative;display: inline-block;vertical-align: middle;line-height:1;margin: 0;}
.toppage footer .blog .insta{position:absolute; bottom: 0; right: 2px;}

footer .s-navi{text-align: right;margin-top: 20px;}
footer .s-navi .box{display: inline-block;vertical-align: middle;font-size: 0.6em;letter-spacing:0.3em;margin: 0 0 0 50px;}
.toppage footer .s-navi .blog{display: inline-block;vertical-align: middle;line-height:1;margin: 0;}

.toppage footer .s-l-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:10%;text-align:center;
}
.toppage footer .s-l-box .side-poool{position: absolute;top: 45%;width: 100%;letter-spacing:0.3em;padding:0 5px;}


.toppage footer .s-r-box{
position: relative;display: inline-block;vertical-align: top;line-height:1;
width:90%;text-align:center;height:760px;
}

.toppage footer .s-r-box img {
width:100%; /* 任意の幅を指定 */
height:760px; /* 任意の高さを指定 */
object-fit: cover;
}

.toppage footer .copyright{padding:70px 0 0 0;letter-spacing:0.3em;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1335px){
.toppage footer .f-navi ul li{margin: 0 0 0 30px;}
.toppage footer .f-navi .r-box{display: inline-block;vertical-align: bottom;padding-left: 50px;}
}

@media screen and (max-width: 1000px){
footer .s-navi .box{margin: 0 0 0 30px;}
}

@media screen and (max-width: 900px){
.toppage footer .s-l-box{width:15%;}
.toppage footer .s-r-box{width:85%;}
}

@media screen and (max-width: 820px){
.toppage footer .f-navi .r-box{display:block;vertical-align: bottom;padding-left: 0;margin-top: 30px;}
.toppage footer .f-navi ul li{margin: 0 15px;}
footer .s-navi{text-align: center;margin-top: 20px;}
footer .s-navi .box{margin: 0 10px;}
}

@media screen and (max-width: 600px){
.toppage footer .f-navi .blog img{width: 60px;}
.toppage footer .f-navi .blog .insta{width: 20px;}
.toppage footer .s-l-box{display:none;}
.toppage footer .s-r-box{width:100%;height:500px;}
.toppage footer .s-r-box img {
width:100%; /* 任意の幅を指定 */
height:500px; /* 任意の高さを指定 */
object-fit: cover;
}
}


@media screen and (max-width: 480px){
.toppage footer{text-align: center;padding:50px 0;}
.toppage footer .s-r-box{width:100%;height:300px;}
.toppage footer .s-r-box img {
width:100%; /* 任意の幅を指定 */
height:300px; /* 任意の高さを指定 */
object-fit: cover;
}
.toppage footer .copyright{padding:30px 0 0 0;}
}
/*--------------------------------------------------------------------------------*/


.alignleft{
float: left;
margin: 3px 20px 3px 0;
}
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignright{
float: right;
margin: 3px 0 3px 20px;
}
.alignnone{display: block;}


.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;
}