@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
audio,canvas,iframe,img,svg,video{
vertical-align: middle;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display: block;
}
nav ul{
list-style: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
/* ------ Font ------ */
@font-face {
font-family: 'icomoon';
src: url('/fonts/icomoon.woff2') format('woff2'),
      url('/fonts/icomoon.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* ------ Settings ------ */
html {
scroll-behavior: smooth;
}
body{
position: relative;
margin: 0 auto;
min-width: 360px;
width: 100%;
background-color: #fff;
font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
color: #000a02; /* 墨 */
font-size: 16px;
line-height: 1.8;
text-align: left;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
a{
outline: none;
}
a:link, a:visited{
color: #1a34ec;
}
a:hover, a:active{
color: #ea0032; /* 唐紅 */
}
h1,h2,h3,h4,h5{
font-weight: 700;
}
strong, b, em{
font-weight: 700;
}
mark{
background: linear-gradient(transparent 58%, #ffff66 98%);
padding: 0.1em 0.2em;
border-radius: 4px;
color: inherit;
}
/* ------ Layout ------ */
.row{
max-width: 1200px;
margin: 0 2%;
}
/* -------------------- ★ Header ★ -------------------- */
header{
width: 100%;
background-color: #222;
}
#header-top{
position: relative;
background-image: url(/flower/img/seigaiha-flower.webp);
color: #f3f3f2; /* 白練 */
font-size: calc(11px + ((1vw - 3.6px) * 0.98));
}
.header-title{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
header h1{
margin: 1px 0 -0.5px 3px;
font-family: "Hiragino Maru Gothic ProN W4", "HG丸ｺﾞｼｯｸM-PRO";
}
header .official-operator{
margin: 1px 3px -0.5px auto;
font-family: "Hiragino Maru Gothic ProN W4", "HG丸ｺﾞｼｯｸM-PRO";
}
header h2{
display:none;
}
/* ------ main-header（拡大スクロール） ------ */
#main-header{
overflow: hidden; /* 拡大してもはみ出さないように */
}
#main-header img{
width: 100%;
height: auto;
transform: scale(1);
opacity: 1;
transition: transform 0.1s ease-out, opacity 0.1s ease-out;
will-change: transform, opacity;
}
/* ------ backBtn（＜ボタン） ------ */
#backBtn{
position: fixed;
top: 24px;
left: -4px;
z-index: 50;
cursor: pointer;
text-decoration: none;
}
#backBtn .icon{
font-family: "icomoon";
font-size: 45px;
color: #f3f3f2; /* 白練 */
line-height: 1;
text-shadow: 0 1px 1px rgb(140, 134, 132); /* 利休鼠 */
transition: color 0.3s ease; /* なめらかに変化 */
}
#backBtn:hover .icon{
color: hsl(347 100% 82%); /* 唐紅 */
}
#backBtn .icon:active{
color: #ea0032; /* 唐紅 */
}
/* -------------------- ★ Breadcrumb ★ -------------------- */
.breadcrumb{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.breadcrumb-list{
flex: 1;
margin: 10px 0;
font-size: calc(11px + ((1vw - 3.6px) * 0.49));
color: #000a02;
}
.breadcrumb-list li{
display: inline;
list-style: none;
}
.breadcrumb-list li::after{
margin-left: 3px;
content: ">";
}
.breadcrumb-list li:last-child::after{
content: "";
}
.home-icon::before{
margin-right: 1px;
font-family: 'icomoon';
content: "\e900";
}
.home-label{
display:none;
}
.breadcrumb-list a, .breadcrumb-note a{
color: #000a02;
text-decoration:none;
}
.breadcrumb-list a:hover, .breadcrumb-list a:active, .breadcrumb-note a:hover, .breadcrumb-note a:active{
text-decoration: underline;
color: #ea0032; /* 唐紅 */
}
.breadcrumb-note{
margin: 10px 3px 10px auto;
font-size: calc(11px + ((1vw - 3.6px) * 0.49));
color: #000a02;
white-space: nowrap;
}
.breadcrumb-note::before{
content: "※";
}
/* -------------------- ★ flower ★ -------------------- */
#flower h1{
font-size: clamp(22px, calc(3.0952381vw + 10.857143px), 48px);
color: #000a02; /* 墨 */
text-align: center;
}
#flower h1 span{
margin: 0 0.1em;
font-size: 0.55em;
}
/* ------ tab（タブ切替） ------ */
#tab{
display: flex;
}
#tab a{
flex: 1; /* 均等に分割 */
box-sizing: border-box;
margin: clamp(5px, 1.225vw, 10px) 0 clamp(15px, 3.676vw, 30px) 0;
font-size: clamp(14px, 2.108vw + 6.41px, 28px);
color: #8c867b; /* 利休鼠 */
text-align: center;
text-decoration: none;
border-bottom: clamp(6px, 0.9vw + 2.8px, 12px) solid #f3f3f2; /* 白練 */
box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.1);
}
#tab a:not(:last-child){
margin-right: 3px; /* 最後以外のリンクに右余白をつける */
}
#tab a:first-of-type:hover, #tab a:first-of-type.active{
color: #ea930a; /* 琥珀 */
font-weight: 700;
border-color: #ea930a; /* 琥珀 */
}
#tab a:nth-of-type(2):hover, #tab a:nth-of-type(2).active{
color: #318baf; /* 千草 */
font-weight: 700;
border-color: #318baf; /* 千草 */
}
#tab a:last-of-type:hover, #tab a:last-of-type.active{
color: #3eb370; /* 青/緑 */
font-weight: 700;
border-color: #3eb370; /* 青/緑 */
}
/* ------ pagenation（月の表示） ------ */
.pagenation{
display: flex;
flex-wrap: nowrap;
justify-content: center;
margin: 0 auto;
max-width: 100%;
list-style: none;
}
.pagenation li{
flex: 1 1 auto; /* 幅を均等に分配 */
display: flex;
min-width: 0; /* はみ出し防止 */
height: 50px; /* 高さを固定（お好みで調整） */
align-items: center;
justify-content: center;
border-top: 1px solid #8c867b; /* 利休鼠 */
border-bottom: 1px solid #8c867b; /* 利休鼠 */
border-left: 1px solid #8c867b; /* 利休鼠 */
background: #f3f3f2; /* 白練 */
transition: background 0.4s;
}
.pagenation li:first-child{
border-radius: 10px 0 0 10px;
}
.pagenation li:last-child{
border-right: 1px solid #8c867b; /* 利休鼠 */
border-radius: 0 10px 10px 0;
}
.pagenation li:hover{
background: hsl(347 100% 45% / 20%); /* 唐紅 */
transition: filter 0.3s ease;
}
.pagenation li a:hover{
font-weight: 700;
}
.pagenation li a{
display: flex;
align-items: center; /* 縦方向の中央揃え */
justify-content: center; /* 横方向の中央揃え */
width: 100%; /* 親の幅に合わせる */
height: 100%; /* 親の高さに合わせる */
padding: 0;
box-sizing: border-box;
writing-mode: vertical-rl; /* 縦書き */
font-size: 0.8rem;
text-decoration: none;
color: #8c867b; /* 利休鼠 */
}
.pagenation li.current a{
font-weight: 700;
color: #f3f3f2; /* 白練 */
}
/* ------ 静岡中部・富士山麓・伊豆エリア ------ */
#flower article{
scroll-margin-top: 80px; /* ヘッダーの高さ分だけ余白を確保 */
}
#flower h2{
margin: 33px 0 15px 0;
font-size: 33px;
line-height: 33px;
color: #ea930a; /* 琥珀 */
text-align: center;
border-bottom: 6px solid #ea930a; /* 琥珀 */
}
#fuji-region h2{
color: #318baf; /* 千草 */
border-color: #318baf; /* 千草 */
}
#izu-region h2{
color: #3eb370; /* 青・緑 */
border-color: #3eb370; /* 青・緑 */
}
#shizuoka-central h2::before{
margin-right: 7px;
vertical-align: middle;
content: url('/flower/img/shizuoka-region.webp');
}
#fuji-region h2::before{
margin-right: 7px;
vertical-align: middle;
content: url('/flower/img/fuji-region.webp');
}
#izu-region h2::before{
margin-right: 7px;
vertical-align: middle;
content: url('/flower/img/izu-region.webp');
}
.flower-grid{
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-start; /* 左寄せで端数に対応 */
overflow-x: hidden;
}
.flower-shizuoka, .flower-fuji, .flower-izu{
flex: 1 1 calc(100% - 10px); /* 1列 */
display: flex;
align-items: center; /* 縦方向の揃えを中央に */
gap: 8px;
position: relative;
min-height: 105px;
margin: 0;
padding: 8px;
font-size: 14.5px;
font-weight: 500;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.flower-shizuoka{
background-color: hsl(36 91% 47% / 13%); /* 琥珀 */
}
.flower-fuji{
background-color: hsl(196 56% 43% / 13%); /* 千草 */
}
.flower-izu{
background-color: hsl(145 48% 47% / 13%); /* 青・緑 */
}
.flower-shizuoka img, .flower-fuji img, .flower-izu img{
width: 27%;
height: auto;
border-radius: 8px;
}
.flower-description{
flex: 1; /* テキスト部分を広げる */
min-width: 0; /* ←これが超重要！ */
}
.flower-description h3{
font-size: 18px;
line-height: 1.5;
border-bottom: 4px solid #ea930a; /* 琥珀 */
}
.flower-fuji h3{
border-bottom-color: #318baf; /* 千草 */
}
.flower-izu h3{
border-bottom-color: #3eb370; /* 青・緑 */
}
.flower-description img{
margin-top: -8px;
width: calc(100% - 2px);
height: 19px;
border-radius: 0;
}
.flower-shizuoka .flower-description img{
border: 1px solid #ea930a; /* 琥珀 */
}
.flower-fuji .flower-description img{
border: 1px solid #318baf; /* 千草 */
}
.flower-izu .flower-description img{
border: 1px solid #3eb370; /* 青・緑 */
}
.flower-description p:first-of-type{
line-height: 1.4;
overflow: hidden;
}
.flower-description span{
display: inline-block;
width: 70px;
margin-right: 5px;
padding: 2px 0;
font-weight: 700;
text-align: center;
color: #fff;
background-color: #ea930a; /* 琥珀 */
border-radius: 4px;
}
.flower-fuji span{
background-color: #318baf; /* 千草 */
}
.flower-izu span{
background-color: #3eb370; /* 青・緑 */
}
.flower-description p:nth-of-type(2){
display: inline-block;
width: calc(99.1% - 40px); /* 左側の幅 */
margin-left: -2px;
vertical-align: middle;
}
.flower-shizuoka p:nth-of-type(2), .flower-shizuoka p:last-of-type{
color: #ea930a; /* 琥珀 */
}
.flower-fuji p:nth-of-type(2), .flower-fuji p:last-of-type{
color: #318baf; /* 千草 */
}
.flower-izu p:nth-of-type(2), .flower-izu p:last-of-type{
color: #3eb370; /* 青・緑 */
}
.flower-description p:last-of-type{
display: inline-block;
width: 40px; /* ★の幅 */
margin-left: auto;
font-weight: bold;
text-align: right;
vertical-align: middle;
}
/* ------ notice ------ */
.notice{
margin: 20px 0;
font-size: clamp(13px, calc(13px + (3 * ((100vw - 360px) / 664))), 16px);
}
.notice p{
margin: 4px 0;
}
.notice p::before{
marjin-right: 2px;
content:"※"
}
/* -------------------- ★ 広告 ★ -------------------- */
#ad1, #ad2{
margin-top: 30px;
}
#ad5{
margin: 20px auto 35px auto;
}
/* -------------------- ★ 花めぐり・二十四節気 ★ -------------------- */
.seasonal-flower{
margin: 30px auto 0 auto;
padding: 30px 0;
background: hsl(356 85% 76% / 7%); /* 紅梅 7％ */

/*
position: relative;
*/
}

/* 
.seasonal-flower::before{
content: "";
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 30px;
background: linear-gradient(to top, transparent, #fefefe);
}
.seasonal-flower::after{
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 30px;
background: linear-gradient(to bottom, transparent, #fefefe);
}
*/

.seasonal-flower h2{
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 33px;
color: #f69096; /* 紅梅 */
line-height: 33px;
border-bottom: 6px solid #f69096; /* 紅梅 */
}
.seasonal-flower h2 span{
margin-left: 0.5em;
font-size: 0.55em;
}
.seasonal-flower h2::before{
margin-right: 7px;
vertical-align: top;
font-family: 'icomoon';
content: "\e914";
font-size: 44px;
font-weight: 500;
}
.seasonal-flower-box{
width: 100%;
margin-bottom: 1rem;
}
.seasonal-flower h3{
margin-top: 18px;
font-size: clamp(19px, 0.98vw + 15.47px, 23px);
color: #4d5aaf;	 /* 紺桔梗 */
}
.seasonal-flower h3::before{
margin-right: 5px;
font-family: 'icomoon';
content: "\e916";
font-size: clamp(19px, 0.245vw + 18.12px, 20px);
font-weight: 500;
}
.seasonal-flower p{
margin-left: 26px;
font-size: clamp(16px, 0.49vw + 14.24px, 18px);
}
.seasonal-flower img{
display: block;
margin: 10px auto 25px auto;
width: 320px;
height: auto;
border-radius: 8px;
}
/* -------------------- ★ イベントBtn ★ -------------------- */
#eventBtn{
position: fixed;
bottom: calc( 15.6% + 55px );
right: 0;
padding: 6px 11px 5px 20px;
font-size: 11px;
cursor: pointer;
background-color: hsl(232 38% 49%); /* 紺桔梗 */
background: linear-gradient(to bottom, hsl(232 38% 54%), hsl(232 38% 44%));
color: #f3f3f2;
border: none;
border-radius: 25px 0 0 25px;
transition: background-color 0.3s ease;
text-align: center;
text-decoration: none;
line-height: 1;
z-index: 90;
}
#eventBtn .icon{
display: block;
margin-bottom: 5px;
font-family: "icomoon";
font-size: 19px;
}
#eventBtn:hover {
background: linear-gradient(to bottom, hsl(232 38% 44%), hsl(232 38% 34%));
}
/* -------------------- ★ 検索Btn ★ -------------------- */
#searchBtn{
background-color: hsl(356 85% 76%); /* 紅梅 */
background: linear-gradient(to bottom, hsl(356 85% 76%), hsl(356 85% 66%));
}
#searchBtn:hover{
background: linear-gradient(to bottom, hsl(356 85% 66%), hsl(356 85% 56%));
}
/* -------------------- ★ Link ★ -------------------- */
.link{
padding: 20px 0x;
text-align: center;
background: hsl(356 85% 76% / 7%); /* 紅梅 7％ */
}
.link a{
padding: 0 4px 0 8px;
font-size: 12px;
color: #000a02; /* 墨 */
text-decoration: none;
border-left: solid 1px #e3e1eb;
}
.link a:first-child{
padding-left: 0;
border-left: none;
}
.link a:hover, .link a:active{
color: #ea0032; /* 唐紅 */
text-decoration: underline;
}
/* -------------------- ★ Page Top ★ -------------------- */
.page-top{
font-family: "Verdana";
font-weight: 900;
}
.page-top a{
display: block;
padding: 0.2em 0 0.35em 0;
text-align: center;
text-decoration: none;
letter-spacing: 0.3px;
color: #f3f3f2; /* 白練 */
}
.page-top a::before{
font-family: 'icomoon';
content: "\ea25";
margin-right: 0.4em;
}
.page-top a:link, .page-top a:visited{
background-color: hsl(356 85% 76%); /* 紅梅 */
background: linear-gradient(to bottom, hsl(356 85% 84%), hsl(356 85% 68%));
}
.page-top a:hover, .page-top a:active{
letter-spacing: 0.5px;
color: #f3f3f2; /* 白練 */
background: linear-gradient(to bottom, hsl(356 85% 74%), hsl(356 85% 58%));
}
/* -------------------- ★ Footer ★ -------------------- */
footer{
width: 100%;
margin: 0;
padding-bottom: 20vw;
background-image: url(/flower/img/seigaiha-flower.webp);
color: #f3f3f2; /* 白練 */
text-align: center;
}
footer .row{
position: relative;
}
/* ----- sitemap ----- */
.sitemap{
display: none;
}
/* ----- footer link ----- */
footer .link a:link, footer .link a:visited{
color: #f3f3f2; /* 白練 */
}
footer .link a:hover, footer .link a:active{
color: #ea0032; /* 唐紅 */
}
/* ----- logomark ----- */
.logomark{
display:none;
}
footer h2{
display:block;
font-family: "Hiragino Maru Gothic ProN W4", "HG丸ｺﾞｼｯｸM-PRO";
font-size: calc(30px + ((1vw - 3.6px) * 3.57));
text-shadow: 3px 3px 3px #595455;
letter-spacing: 2px;
}
footer h2 span{
margin: 0 0.1em;
font-size: 0.55em;
}
footer .official-operator{
display:block;
font-family: "Hiragino Maru Gothic ProN W4", "HG丸ｺﾞｼｯｸM-PRO";
font-size: calc(14px + ((1vw - 3.6px) * 0.95));
letter-spacing: 2px;
}
footer .official-operator::before{
content: "- ";
}
footer .official-operator::after{
content: " -";
}
footer p{
font-size: 12px;
}
/* ----- bottom-nav ----- */
.bottom-nav{
position: fixed;
bottom: calc(-0.4em - ((1vw - 3.6px) * 4.9)); /* 全体の下の空間 */
width: 100%;
display: flex;
justify-content: space-around;
background-color: #f3f3f2; /* 白練 */
border-top: 1px solid #f3f3f2; /* 白練 */
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
.nav-item{
flex: 1;
text-align: center;
text-decoration: none;
font-size: calc(12px + ((1vw - 3.6px) * 1.05));
}
.nav-item span{
display: block;
color: #8c867b; /* 利休鼠 */
transition: color 0.3s; /* 滑らかに変化 */
}
.nav-item .icon-furusato::before, .nav-item .icon-event::before, .nav-item .icon-access::before, .nav-item .icon-life::before, .nav-item .icon-left::before, .nav-item .icon-right::before{
font-family: 'icomoon';
font-size: calc(8vw);
display: block;
margin: -0.1em auto -0.3em auto; /* アイコンの上と下文字との空間 */
}
.nav-item .icon-furusato::before{
content: "\e928";
}
.nav-item .icon-event::before{
content: "\e953";
}
.nav-item .icon-access::before{
content: "\e947";
}
.nav-item .icon-life::before{
content: "\e918";
}
.nav-item .icon-left::before{
content: "\ea44";
}
.nav-item .icon-right::before{
content: "\ea42";
}
.nav-item:hover span{
color: #ea0032; /* 唐紅 */
}
/* 中央ロゴ */
.nav-item.middle{
position: relative;
top: -4vw;
}
.nav-item.middle img{
width: calc(19vw);
height: calc(19vw);
}
.nav-item.middle img:hover{
filter: brightness(1.2);
transition: filter 0.3s ease;
}
/* -------------------- ★★★★★ 767 ★★★★★ -------------------- */
@media (max-width: 767px) {
/* -------------------- ★ flower ★ -------------------- */
/* h1とタブだけ上に留める */
#flower h1, #tab{
position: sticky;
top: 0;
background: #fff;
z-index: 10;
}
#flower #tab{
top: 2rem; /* h1の高さに応じて調整 */
}
}
/* -------------------- ★★★★★ 768 ★★★★★ -------------------- */
@media (min-width: 768px) {
/* ------ Layout ------ */
/* -------------------- ★ Header ★ -------------------- */
#header-top{
font-size: 15px;
}
header h1{
margin: 0 0 -1px 5px;
}
header .official-operator{
margin: 0 5px -1px auto;
}
header h2{
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -43%);
font-size: 12px;
font-weight: 500;
}
/* ------ backBtn（＜ボタン） ------ */
#backBtn{
position: fixed;
top: 40px;
left: 5px;
}
#backBtn .icon{
font-size: 60px;
}
/* -------------------- ★ Breadcrumb ★ -------------------- */
.breadcrumb-list, .breadcrumb-note{
font-size: 13px;
}
.home-label{
display:inline;
}
/* -------------------- ★ flower ★ -------------------- */
/* ------ pagenation（月の表示） ------ */
.pagenation li{
height: 70px; /* 高さを固定 */
}
.pagenation li a{
font-size: 1rem;
}
/* ------ 静岡中部・富士山麓・伊豆エリア ------ */
#flower h2{
margin: 60px 0 15px 0;
font-size: 40px;
line-height: 40px;
text-align: left;
}
.flower-shizuoka, .flower-fuji, .flower-izu {
flex: 1 1 calc(50% - 22px);
}
.flower-description h3{
line-height: 1.8;
}
.flower-grid > div:last-child {
max-width: calc(50% - 22px); /* 最後のカードが暴走しないように制限 */
}
/* -------------------- ★ 広告 ★ -------------------- */
#ad1, #ad2{
margin-top: 60px;
}
/* -------------------- ★ 花めぐり・二十四節気 ★ -------------------- */
.seasonal-flower-row{
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.seasonal-flower h2{
margin-bottom: 15px;
font-size: 40px;
line-height: 40px;
}
.seasonal-flower-box{
width: calc(50% - 0.5rem);
}
.seasonal-flower p{
min-height: calc(1.8em * 3)
}
.seasonal-flower img{
margin: 10px 0 25px 25px;
width: 320px;
height: auto;
}
/* -------------------- ★ イベントBtn ★ -------------------- */
#eventBtn{
bottom: calc( 23% + 79px );
padding: 11px 15px 7px 27px;
font-size: 15px;
border-radius: 50px 0 0 50px;
line-height: 1.17;
}
#eventBtn .icon{
font-size: 24px;
}
/* -------------------- ★ 検索Btn ★ -------------------- */
#searchBtn{
bottom: 23%;
padding: 11px 15px 7px 27px;
font-size: 15px;
border-radius: 50px 0 0 50px;
}
#searchBtn .icon{
font-size: 24px;
}
}
/* -------------------- ★★★★★ 1024 ★★★★★ -------------------- */
@media (min-width: 1024px) {
/* ------ Layout ------ */
/* -------------------- ★ Header ★ -------------------- */
/* -------------------- ★ flower ★ -------------------- */
/* -------------------- ★ 花めぐり・二十四節気 ★ -------------------- */
/* -------------------- ★ Link ★ -------------------- */
.link a{
font-size: 13px;
}
/* -------------------- ★ Footer ★ -------------------- */
footer{
padding-bottom: 3px;
text-align:left;
}
footer .row{
padding: 0 15px;
}
/* ----- logomark ----- */
.logomark{
display: block;
position: absolute;
right: 15px; 
top: 4px;
width: 155px;
height: auto;
z-index: 1;
}
footer h2{
display: inline;
letter-spacing: 0;
}
footer .official-operator{
display: inline;
margin-left: 10px;
letter-spacing: 0;
}
footer p{
margin-left: 2px;
font-size: 14px;
letter-spacing: 0.5px;
}
/* ----- bottom-nav ----- */
.bottom-nav{
display: none;
}
/* -------------------- ★ 広告 ★ -------------------- */
#ad1, #ad2{
margin: 90px 0;
}
}
/* -------------------- ★★★★★ 1200 ★★★★★ -------------------- */
@media (min-width: 1200px) {
/* ------ Layout ------ */
.row{
margin: 0 auto;
}
/* -------------------- ★ Header ★ -------------------- */
header h1{
margin: 0 0 -1px 0;
}
header .official-operator{
margin: 0 0 -1px auto;
}
/* -------------------- ★ Breadcrumb ★ -------------------- */
.breadcrumb-list, .breadcrumb-note{
margin: 10px 0.5px;
}
/* -------------------- ★ flower ★ -------------------- */
/* ------ 静岡中部・富士山麓・伊豆エリア ------ */
.flower-shizuoka, .flower-fuji, .flower-izu {
flex: 0 0 calc(33.3333% - 24px); /* 固定幅にして均等割を防ぐ */
max-width: calc(33.3333% - 24px);
}
.flower-grid > div:last-child {
max-width: calc(33.3333% - 24px);
}
/* -------------------- ★ 花めぐり・二十四節気 ★ -------------------- */
.seasonal-flower-box {
width: calc(33.333% - 0.67rem);
}
/* -------------------- ★ Footer ★ -------------------- */
footer h2{
font-size: 60px;
letter-spacing: 2px;
}
footer .official-operator{
font-size: 22px;
letter-spacing: 2px;
}
.logomark img{
display: block;
width: 100%;
height: auto;
}
}