@charset "utf-8";

/*
Theme Name: Yonagojyou
Description:Yonagojyou2023
Theme URI: 
Author: 2023-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:#222;
/*overflow-x: hidden;*/
}

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

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

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

/* 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:#2F85C1;}
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; font-size: 1%;
    line-height: 1%;
    width: 1%;}
/* スペース */
.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{}

.toppage h2{
text-align:center;
width:532px;height:65px;
margin:0 auto 65px auto;
display: flex;
justify-content: center;
align-items: center;
}
.toppage .white-bg{
background:transparent url(images/title-news.png) no-repeat center center;
background-size:100% auto;
}
.toppage .brown-bg{
background:transparent url(images/title-yonagoshi.png) no-repeat center center;
background-size:100% auto;
}

.toppage h2 p{
font-size:38px;
}

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

@media screen and (max-width: 768px){
.toppage h2{
width:400px;padding:18px;
margin:0 auto 30px auto;
}
.toppage h2 p{font-size:28px;}
}
@media screen and (max-width: 480px){
.toppage h2{
width:100%;
margin:0 auto 20px auto;
}
.toppage h2 p{font-size:6vw;}
}
/*--------------------------------------------------------------------------------*/

/*ご紹介の上の装飾*/
.giza-s{background:url(images/giza-db_01.png) repeat-x center bottom;
height:7px;min-width:1242px;margin-top:-7px;z-index:3;position:relative;}

/*ご紹介*/
#Introduction{background-color: #EBE9DC;padding:50px 0 0 0;min-width:1242px;}
/*米子城・ダイヤモンド大山・オレンジロード*/
#Introduction .yonago-jyou{padding:0 0 50px 0;}
#Introduction .diamond-daisen{
background-color:#fff;
background-image:url(images/giza-db_02.png),url(images/giza-db_01.png),url(images/bg-nami-beige.png);
background-repeat:repeat-x,repeat-x,repeat;
background-position:center top,center bottom,center top;
padding:60px 0;
}
#Introduction .orange-road{padding:50px 0;}

/*メイン画像枠*/
#Introduction .photo{width:69.65%;position:relative;display:inline-block;vertical-align: top;height: 736px;
background-size: cover;z-index:3;
}
#Introduction .intro-01{background:url(images/intro-01.jpg) no-repeat center top;}
#Introduction .intro-02{background:url(images/intro-02.jpg) no-repeat center top;}
#Introduction .intro-03{background:url(images/intro-03.jpg) no-repeat center top;}
/*メイン画像内文字画像*/
#Introduction .photo .set-a{position:absolute;top:30px;left:30px;}
#Introduction .photo .set-b{
position:absolute;top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#Introduction .photo .set-c{position:absolute;top:30px;right:30px;}
#Introduction .photo .set-d{position:absolute;top:30px;left:30px;}

/*テキスト枠*/
#Introduction .texts{width:30%;position:relative;display:inline-block;vertical-align: top;
padding: 30px 40px 0 40px;line-height:1.8;font-size:15px;}
/*テキスト枠背景*/
#Introduction .texts .bg-01{background:url(images/tatecopy-bg01.png) no-repeat center top;background-size: 290px auto;}
#Introduction .texts .bg-02{background:url(images/tatecopy-bg02.png) no-repeat center top;background-size: 290px auto;}
#Introduction .texts .bg-03{background:url(images/tatecopy-bg03.png) no-repeat center top;background-size: 290px auto;}
/*テキスト枠縦文字*/
#Introduction .texts .tate-copy{text-align: center;height: 360px;}
#Introduction .texts p {writing-mode: vertical-rl;font-size: 34px;text-align: left;line-height: 2;
font-family: ten-mincho, serif;display: inline-block;}

/*ダイヤモンド大山枠左右入替*/
#Introduction .diamond-daisen .photo{float: right;}
#Introduction .diamond-daisen .texts{float: left;}

/*下部画像並び*/
#Introduction .photos{position:relative;z-index:0;font-size: 0;}
#Introduction .photos img{width:25%;height:auto;margin-top:-6px;line-height:0;font-size: 0;}
#Introduction .photos .giza-u{background:url(images/giza-db_02.png) repeat-x center top;
height:7px;width:100%;margin-top:-7px;z-index:2;position:absolute;top:0;left:0;}
#Introduction .photos .giza-s{background:url(images/giza-lb_01.png) repeat-x center bottom;
height:7px;width:100%;margin-top:-7px;z-index:2;position:absolute;bottom:0;left:0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
/*ご紹介の上の装飾*/
.giza-s{background:url(images/giza-db_01.png) repeat-x center bottom;
height:7px;min-width:100%;margin-top:-7px;z-index:3;position:relative;}
#Introduction{min-width:100%;}
/*メイン画像枠*/
#Introduction .photo{width:59.5%;position:relative;display:inline-block;vertical-align: top;height:650px;
background-size: cover;
}

#Introduction .photo .set-a img,#Introduction .photo .set-c img,#Introduction .photo .set-d img{width:310px;height:auto;}
#Introduction .photo .set-b img{width:200px;height:auto;}

/*テキスト枠*/
#Introduction .texts{width:40%;position:relative;display:inline-block;vertical-align: top;
padding: 0 20px 20px 20px;line-height:1.8;font-size:14px;}
/*テキスト枠縦文字*/
#Introduction .texts .tate-copy{text-align: center;height: 280px;}
#Introduction .texts p {writing-mode: vertical-rl;font-size: 28px;text-align: left;line-height: 2;
font-family: ten-mincho, serif;display: inline-block;}
/*テキスト枠背景*/
#Introduction .texts .bg-01,#Introduction .texts .bg-02,#Introduction .texts .bg-03{background-size: 240px auto;}
}
@media screen and (max-width:768px){
/*ご紹介*/
#Introduction{padding:30px 0 0 0;}
/*米子城・ダイヤモンド大山・オレンジロード*/
#Introduction .yonago-jyou{padding:0 0 30px 0;}
/*メイン画像枠*/
#Introduction .photo{
width:100%;
height:320px;
margin-bottom:30px;
}
#Introduction .photo .set-b img{width:160px;height:auto;}
/*テキスト枠*/
#Introduction .texts{width:100%;position:relative;display:inline-block;vertical-align: top;
padding: 0 20px 20px 20px;line-height:1.8;font-size:14px;}
#Introduction .texts p {font-size: 24px;line-height: 1.8;}
/*テキスト枠背景*/
#Introduction .texts .bg-01,#Introduction .texts .bg-02,#Introduction .texts .bg-03{background-size: 120% auto;}
.tate-copy{width:20%;display:inline-block;vertical-align: top;height:auto !important;}
.read-copy{width:74%;display:inline-block;vertical-align: top;margin:0 0 0 4%;}

.yonago-jyou .tate-copy,.orange-road .tate-copy{float:right;}
.yonago-jyou .read-copy,.orange-road .read-copy{float:left;}
}

@media screen and (max-width:480px){
#Introduction .diamond-daisen,#Introduction .orange-road{padding:30px 0;}
#Introduction .texts p {font-size: 22px;line-height: 1.6;}
.tate-copy{width:24%;}
.read-copy{width:70%;margin:0 2% 0 2%;}
.set-a,.set-c,.set-d{width:70%;height:auto;}
}
/*--------------------------------------------------------------------------------*/
.link-movie{position:relative;overflow: hidden;min-width:1242px;}
/*案内リンクボタン*/
#links{
background-color: #F6F3EE;
padding:60px 0 0 0;
min-width:1242px;
}
#links  .inner{display:block;text-align:center;}
#links a{color:#fff;text-decoration:none;}

#links .btm-bg {
text-align:center;
width:352px;height:50px;
display: inline-block !important;
margin:0 20px 20px 20px;
}

#links .a-bg{
padding:16px 0 0 20px;
align-items: center;
background:transparent url(images/bn-01.png) no-repeat center center;
background-size:100% auto;
}
#links .b-bg{
padding:16px 0 0 20px;
align-items: center;
background:transparent url(images/bn-02.png) no-repeat center center;
background-size:100% auto;
}
#links .c-bg{
padding:16px 0 0 20px;
align-items: center;
background:transparent url(images/bn-03.png) no-repeat center center;
background-size:100% auto;
}
#links p{font-size:16px;}
#links .a-bg:hover,#links .b-bg:hover,#links .c-bg:hover{opacity:0.7;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
.link-movie{min-width:100%;}
#links{min-width:100%;}
}
@media screen and (max-width: 480px){
#links{background-color: #F6F3EE;padding:40px 0 0 0;}
}
@media screen and (max-width: 420px){
#links .btm-bg {width:100%;height:50px;margin:0 0 5px 0;}
#links .a-bg,#links .b-bg,#links .c-bg{padding:15px 0 0 35px;}
}
/*--------------------------------------------------------------------------------*/

/*タイムラプス動画*/
#timelapse{background-color: #F6F3EE;padding:40px 0;min-width:1242px;text-align:center;}
#timelapse video{width:765px;}
#timelapse .youtube-btn{margin-top:20px;}

.linkbtn{display:inline-block;
margin: 15px 0 25px 0;
width:183px;height:27px;
background:url(images/btn-bg.png) no-repeat left center;
background-size:100% auto;color:#fff;
text-align:center;
font-size:13px;
letter-spacing:0;line-height:1;
}
.linkbtn a{
display:block;
width:183px;height:27px;
color:#fff !important;
padding:6.5px;
}
.linkbtn a:hover{text-decoration:none;}
.linkbtn:hover{opacity:0.7;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#timelapse{min-width:100%;}
}
@media screen and (max-width: 900px){
#timelapse video{width:100%;}
}
/*--------------------------------------------------------------------------------*/

/*新着・ブログ*/
#news{
background-color:#2fa0ba;
background-image:url(images/giza-lb_02.png),url(images/giza-lb_01.png);
background-repeat:repeat-x;
background-position:center top,center bottom;
padding:130px 0 130px 0 ;
min-width:1242px;
}
#news .listbox{width:45% !important;margin-right:3% !important;
display: inline-block;vertical-align: top;
padding-bottom: 20px;margin-bottom: 25px;border-bottom: 1px dotted #fff;
font-size: 12px;
}
#news .listbox a{text-decoration:none;color:#fff;}
#news .listbox .thumb{float: left;}
#news .listbox .thumb img{margin: 0 1.5em 0 0;width:140px !important; height:90px !important; display: inline-block;vertical-align: top;object-fit: cover; }
#news .listbox .title{line-height: 1.3; margin: 18px 0 10px 0;color:#fff;}
#news .listbox .title br{display: none;}
#news .listbox .category{
background-color: #ddd;font-size: 13px;display: inline-block;padding: 6px 25px;color: #fff;
 border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;margin-right: 14px;
}
#news .listbox .category a{text-decoration:none;color:#fff;}
#news .listbox .date{font-size: 12px;display: inline-block;color:#fff;}
#news .ichiran{
display:block;
margin:15px auto 0 auto !important;
width:183px;height:27px;
background:url(images/w-btn-bg.png) no-repeat left center;
background-size:100% auto;color:#02546C;
text-align:center;
font-size:13px;
letter-spacing:0;line-height:1;
}
#news .ichiran a{
display:block;
width:183px;height:27px;
color:#02546C; !important;
padding:6.5px;
}
#news .ichiran a:hover{text-decoration:none;}
#news .ichiran:hover{opacity:0.7;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#news{min-width:100%;}
#news .listbox{width:48% !important;margin-right:1.5% !important;}
}
@media screen and (max-width: 768px){
#news{padding:70px 0 80px 0 ;}
#news .listbox{width:100% !important;margin-right:0 !important;}
}
@media screen and (max-width: 600px){
#news .listbox .title{line-height: 1.3; line-height: 1.3;margin: 15px 0 0 0;}
}
@media screen and (max-width: 480px){
#news .listbox .thumb img{width: 100px !important; height: 100px !important; display: inline-block;vertical-align: top;}
#news .listbox .category{
background-color: #ddd;font-size: 12px;display: inline-block;padding: 6px 15px;color: #fff;
 border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;margin-right: 14px;
}
}
/*--------------------------------------------------------------------------------*/

/*フォトギャラリー*/
#gallery{text-align: center;padding:120px 0;background:#F6F3EE url(images/giza-w_02.png)repeat-x left top;
min-width:1242px;}
.sort-btn-bg{background:transparent url(images/photogallery.png) no-repeat right 0 bottom -32px;}
#gallery h2{margin-bottom: 0;}
#gallery ul li{display: inline-block;}
.table_line{padding: 35px 0;}
.sort-btn{margin: 0;}
.sort-btn li{background-color:#02546C;
padding:6px 25px;
color:#fff !important; 
font-size:12px; line-height:1;
margin:0 8px 8px 8px;
border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;
cursor: pointer !important;
}
.sort-btn li:hover{opacity:0.7;}

#gallery .showall{display: inline-block; font-size:12px;}
#gallery .showall li{display: block; margin:0 8px 8px 8px; font-size:12px;}
#gallery .more{font-size:12px; letter-spacing: 0.1em;margin: 20px 0 0 0;display:inline-block;}
#gallery .more a{display:block;padding: 0;color:#000;}
#gallery .photo ul li{background-color:transparent !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
#gallery{min-width:100%;}
}
@media screen and (max-width: 768px) {
#gallery{text-align: center;padding:70px 0;}
}
@media screen and (max-width: 480px) {
.sort-btn-bg{
background:transparent url(images/photogallery.png) no-repeat right 0 bottom -15px;
background-size:350px auto;
}
#gallery .table_line{padding: 20px 0;}
.sort-btn li{padding:6px 15px;margin:0 5px 8px 5px;}
}
/*--------------------------------------------------------------------------------*/

/*米子市ってこんな町*/
#yonago-info{
padding:100px 0;min-width:1242px;
background-image: url(images/w-gld01.png),url(images/bg-nami-blue.png);
background-repeat:repeat-x,repeat;
background-position:center top;
line-height:1.8;
font-size:15px;letter-spacing:0.1em;
}

#yonago-info .l-box{display:inline-block;vertical-align: top;width:49.5%;}
#yonago-info .r-box{display:inline-block;vertical-align: top;width:50%;}

#yonago-info .link-box{margin-top:50px;text-align:center;}
#yonago-info .link-box img{margin:0 0.4%;width:24%;height:auto}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#yonago-info{padding:80px 0 60px 0;min-width:100%;}
#yonago-info .l-box{width:100%;text-align:center;margin-bottom:20px;}
#yonago-info .r-box{width:100%;}
}
@media screen and (max-width: 740px){
#yonago-info .link-box img{margin:0 2% 2% 2%;width:200px;height:auto}
}
@media screen and (max-width: 480px){
#yonago-info{padding:40px 0 60px 0;}
#yonago-info .link-box img{margin:0 1% 2% 1%;width:48%;height:auto}
}

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

/*フッタ*/
footer{
min-width:1242px;
padding: 0;
overflow: hidden;
position: relative;
letter-spacing:0.1em;
}
/*googlemap フッタメニュー*/
#information{height: 580px;position: relative;font-size:12px;}
#information a{color:#fff;}

.giza-u-w{
background:transparent url(images/giza-w_02.png) repeat-x;
position: absolute;top: 0;left: 0;height: 7px;width: 100%;z-index: 2;
}
.giza-u-lb{
background:transparent url(images/giza-lb_02.png) repeat-x;
position: absolute;top: 0;left: 0;height: 7px;width: 100%;z-index: 2;
}
.giza-s-w{
background:transparent url(images/giza-w_01.png) repeat-x;
position: absolute;bottom: -1px;left: 0;height: 7px;width: 100%;z-index: 2;
}
.l-map{
display: inline-block;
vertical-align: top;
width: 49.65%;
background-color:#eee;
height: 580px;
}

/*iframe*/
.l-map iframe {width: 100%;}

.r-menu{
display: inline-block;
vertical-align: top;
width: 50%;
background-color:#00546C;
color:#fff ;
height: 580px;
padding: 55px 80px;
position: relative;
line-height: 1.8;
background-image: url(images/f-bg02.png),url(images/f-bg01.png);
background-repeat:no-repeat;
background-position:right 40px bottom 0,right 60px top -10px;
background-size:178px auto,228px auto;
}
.r-menu .u-inner{border-bottom: 1px solid #fff;}
.r-menu .u-inner .sitename{font-size: 18px;color: #D5D1BF;margin-bottom: 5px;}
.r-menu .u-inner .otoiawase{
margin: 15px 0 25px 0;
width:183px;height:27px;
background:url(images/f-otoiawase.png) no-repeat left center;
background-size:100% auto;color:#00546C;
text-align:center;
font-size:14px;
letter-spacing:0;line-height:1;
}
.r-menu .u-inner .otoiawase a{
display:block;
width:183px;height:27px;
color:#00546C !important;
padding:7px;
}
.r-menu .u-inner .otoiawase a:hover{text-decoration:none;}
.r-menu .u-inner .otoiawase:hover{opacity:0.7;}

.r-menu .s-inner{margin: 25px 0 0 0;font-size: 13px;}
.r-menu .s-inner ul{display: inline-block;vertical-align: top;width: 45%;}
.r-menu .s-inner ul li{
background:transparent url(images/f-mark.png) no-repeat left center;
background-size: 11px auto;
padding: 0 0 0 16px;line-height: 1.3;margin-bottom: 0.8em;
}

.r-menu .s-inner ul .ko{
background:transparent no-repeat left center;
font-size: 12px;
padding: 0 0 0 12px;line-height: 1.3;margin-bottom: 0.6em;
}

.r-menu .s-inner .social{margin: 15px 0 0 0;}
.r-menu .s-inner .social a{margin: 0 15px 0 0;}

/*バナー*/
.banner{text-align: center;padding:40px 0;min-width:1242px;
background-image: url(images/pagetop-bg.png) ,url(images/w-gld02.png),url(images/bg-nami-blue.png);
background-repeat:no-repeat,repeat-x,repeat;
background-position:center bottom;
}
.banner img{margin:10px;height:60px;width:auto;}

/*ページ上部へ*/
#page-top {text-align: center;height:90px;padding:35px 0 0 0;}
#page-top img{text-align: center;width:91px;height:auto;padding:35px 0;}


#page footer{
min-width:1000px;
padding: 0;
overflow: hidden;
position: relative;
letter-spacing:0.1em;
}
/*バナー*/
#page .banner{text-align: center;padding:40px 0;min-width:1000px;
background-image: url(images/pagetop-bg.png) ,url(images/w-gld02.png),url(images/bg-nami-blue.png);
background-repeat:no-repeat,repeat-x,repeat;
background-position:center bottom;
}


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

@media screen and (max-width: 1230px){
#page #information{height: auto;position: relative;font-size:12px;}
#page .l-map{width: 40%;height: auto;}
#page .r-menu{width:60%;height: auto;}
#page .banner{text-align: center;padding:40px 0;min-width:100%;}
}
@media screen and (max-width: 1050px){
#page footer{
min-width:100%;
padding: 0;
overflow: hidden;
position: relative;
letter-spacing:0.1em;
}
#page #information{height: auto;position: relative;font-size:12px;}
#page .l-map{width: 100%;height: auto;}
#page .r-menu{width: 100%;height: auto;}
#page .banner{text-align: center;padding:40px 0;min-width:100%;}
}

@media screen and (max-width: 1000px){
#information{height: auto;position: relative;font-size:12px;}
.l-map{width: 100%;height: auto;}
.r-menu{width: 100%;height: auto;}
.banner{text-align: center;padding:40px 0;min-width:100%;}
}
@media screen and (max-width: 768px){
#information{height: auto;position: relative;}
.r-menu{padding: 35px 25px 45px 25px;}
}
@media screen and (max-width: 480px){
.r-menu{
background-image: url(images/f-bg02.png),url(images/f-bg01.png);
background-repeat:no-repeat;
background-position:right 10px bottom 0,right 20px top -10px;
background-size:120px auto,150px auto;
}
.bnr{height:40px !important;width:auto !important;margin:0 3px !important;}
}

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

/* map*/

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
.googlemap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}

.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}
/*--------------------------------------------------------------------------------*/

.f-logo{
text-align:center;
width:100%;
background-color:#F6F3EE;color:#00546C;
padding:25px 0;
font-size:20px;
}
.f-logo a{color:#00546C;text-decoration:none;}
.f-logo .box{display:inline-block;vertical-align: middle;}
.f-logo img{margin-right:10px;}
footer .copyright{margin:25px 0;line-height:1.3;color:#00546C;font-size:12px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
footer{padding:0;min-width:100%;}
}
@media screen and (max-width: 768px){
footer{min-width: 100%;padding: 0;letter-spacing:0.1em;}
footer .copyright{margin:20px 0 0 0;font-size:2vw;}
}
@media screen and (max-width: 480px){
.r-menu .s-inner{margin-top:0;}
.r-menu .s-inner ul{width: 100%;}
.sp-off{display:none;}
.sp-on{display: inline-block;margin-right:5px;letter-spacing:0.05em;}
}
@media screen and (max-width: 410px){
footer .copyright{font-size:3vw;}
}

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

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

html {scroll-behavior: smooth;}
#type07 {background: #ddd;}
.type a {
display: inline-block;
position: absolute;
left:0;
top: 0;
z-index: 0;
padding: 0 35px 240px 10px;
color: #666;
font-size: 8px;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
writing-mode: vertical-lr;
transition: 0.2s;
overflow: hidden;
}
.type a::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 300px;
background: #F6A04D;
}
.type a:hover {
opacity: 0.5;
}

#type07 a::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height:300px;
background:#f2f2f2;
}
#type07 a::after {
height: 50px;
animation: sdl07 3.5s ease infinite;
}

@keyframes sdl07 {
0% {
transform: translateY(-300px);
}
50%, 100% {
transform: translateY(50px);
}
}