@charset "UTF-8";


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*
Top_outer2  →  BLK_Top
                  Top_inner
                     Top_logo
                     Top_MenuBox
                        Top_Inner_mail
                        Top_Inner_tel
BLK_Slide
BLK_Room
BLK_Cook
BLK_Facility
BLK_Gallery
BLK_Access
BLK_Around
BLK_Contact
BLK_
BLK_
BLK_
BLK_Bottom

boxStyle01   →  MapBox01    →  MapImgBox
boxStyle02   →  MapBox02    →  MapInfBox
.tblStyle01  →   MapInfStyle


.NewsList  →  NewsItems



msgStyle02   →  subHeadStr
msgBlock02   →  subHeadBlock


.BoxArea01 ul  → BoxListUL01
.BoxArea01 li  → BoxListLI01

.txtStyle_Res05   → SlideBottomMsg → slideBtmMsg


mbBoxFC01 ophv mr32 → imbBoxFct01

boxFull2  → imgSlideBox
msgViewBottom → slideBtmBox


boxWrap   → ImgMsgWrap01






*/


/*=== M Common ===*/

/*■■■  ■■■*/
/*=== SP ===*/

/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){
}  /*** PC End ***/





crumbNav hv_uline mb16       →  CrumbNav
pgTitle                      →  PageTitle
pgTitleImg                   →  PageTitleImg
pgCaption psRel font24 bold  → NxtCntTopMsg1
psRel font16 mb32 txtCenter  → NxtCntTopMsg2


<!--- main section 2 --->
<section class="pgContentsBlock01">  →  <section class="TopPgBlock01">
<section class="pgContentsBlock01">  →  <section class="NxtPgBlock01 DBG_">
<main class="bgIC">
<section class="NxtPgBlock01 DBG_">
<div class="NxtPgBlock02 DBG_">






<div class="pgContentsBlock02 wrap"> →     <div class="TopPgBlock02">
   <div class="msgBlock02">          →        <div class="subHeadBlock">
      <h2 class="msgStyle02">タイプ</h2>   → <h2 class="subHeadStr">タイプ</h2>

   <div class="ulBoxH4 mb40">         → <div class="BoxArea01">
      <ul class="dsFlexHz01">         →    <ul class="BoxListUL01">
      <li class="dsFlexVt01">         →       <li class="BoxListLI01">
         <a class="boxWrap" href="001">  →  <a class="ImgMsgWrap01" href="001">
            <div class="imgBoxH4">       →     <div class="imgBoxA01">
            <div class="txtBox01 font14">  →   <div class="txtBox01">

inMenu   → InJumpMenu


      <img width="46px" src="pix/icon_mark01.svg" />
               ↓↓↓
      <img  class="icoMark01" src="pix/icon_mark01.svg" />


blockSep → liDivBlock


contHeadMsg → txtBox02


 <div class="contImgBlock mb24">  → liImgBlock

.msInfoBlock01   →  .msInfoBox01


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*
  {
   box-sizing: border-box;
   outline: 1px solid red !important;
   }


   font-family:'Noto Sans JP', "ヒラギノ角ゴ ProN W3" ,
               "Hiragino Kaku Gothic ProN," , "ヒラギノ角ゴシック Pro",
               "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka,
               "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

   font-family: "Helvetica Neue", Arial, sans-serif;
   font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
   font-family:sans-serif;
   font-family:monospace;
   font-family:webflow-icons;
   font-family:webflow-icons!important;
   font-family:Arial,sans-serif;
   font-family:unset;
   font-family:serif;
   font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
   font-family:var(--token-fontfamily--primary);
   font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
   font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
   font-family:Sonnygothic;



*/






/*■■■ Basic tag default setting ■■■*/
body{
/*
   font-family: "MS PGothic","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
*/
   font-family: 'Helvetica','Verdana','Helvetica Neue','Hiragino Kaku Gothic Pro','Meiryo','serif','sans-serif';
   font-size:14px;
   font-weight:normal;
   line-height:1.8;
   color: #000000;
   background-color:#fff;
   letter-spacing:0.05em;
   }

html,body,div,span,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,table,tbody,header,main{
   margin:0;
   padding:0;
   border:0;
   font-size:100%;
   font-weight:normal;
   vertical-align:baseline;
   }


footer,header,main,menu,nav,section{
   display:block;
   }

ol,ul{
   list-style:none;
   }

section{
   width:100%;
   }

table{
   border-collapse:collapse;
   border-spacing:0;
   }

select{
   -moz-appearance:none;
   -webkit-appearance:none;
   appearance:none;
   }

a{
   display:block;
   }

a,input,button{
   color:#220;
   text-decoration:none;
   -webkit-touch-callout:none;
   }

a:hover,input:hover,button:hover{
   text-decoration:none;
   }

*,*:before,*:after{
   box-sizing:border-box;
   }

a{
   text-decoration: none;
   }

ul,li{
   list-style: none;
   }

html,body,div,span,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,table,tbody,header,main{
   margin:0;
   padding:0;
   border:0;
   font-size:100%;
   font-weight:normal;
   vertical-align:baseline;
   }

html{
   scroll-behavior: smooth;
   }

footer,header,main,menu,nav,section{
   display:block;
   }

ol,ul{
   list-style:none;
   }

section{
   width:100%;
   }

table{
   border-collapse:collapse;
   border-spacing:0;
   }


select{
   -moz-appearance:none;
   -webkit-appearance:none;
   appearance:none;
   }

a{
   display:block;
   }

a,input,button{
   color:#220;
   text-decoration:none;
   -webkit-touch-callout:none;
   }

a:hover,input:hover,button:hover{
   text-decoration:none;
   }

*,*:before,*:after{
   box-sizing:border-box;
   }

a{
   text-decoration: none;
   }

ul,li{
   list-style: none;
   }

main{
/*
   background-color: #f1f1f1;
   height: 800px;
   display: flex;
*/
   }




/*■■■ Common Setting ■■■*/

/*=== SP ===*/

.container{
   }

.SvgColor{
   filter:invert(100%)  sepia(60%)  brightness(290%) contrast(350%);
   }


.icoMark01{
   width: 36px;
   }

.subHeadStr{
   position:relative;
   font-size:22px;
   font-weight:bold;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   }

.subHeadBlock{
   margin-top:20px;
   margin-bottom:20px;
   line-height:1.5;
   letter-spacing:0.1em;
   text-align:center;
   }


.iconGoRight01{
   position:absolute;
   vertical-align:middle;
   width:0.5em;
   left:0;
   top:0;
   margin-top:0.3em;
   font-size:12px;
   font-weight:normal;
   }


.iconGoRight02{
   }

.iconGoRight03{
   position:absolute;
   vertical-align:middle;
   width:0.5em;
   left:0;
   top:0;
   padding-top:9px;
   font-size:14px;
   font-weight:normal;
   }


.strGoPage01{
   font-size:14px;
   font-weight:normal;
   }



.strGoPage02{
   margin-bottom:32px;
   font-size:18px;
   font-weight:bold
   }

.strGoPage02:hover{
   text-decoration:underline;
   }


.strGoPage03{
   font-size:14px;
   font-weight:normal;
   }


.iconMarkBox{
   margin-top:0px;
   margin-bottom:0px;
   margin-right:auto;
   margin-left:auto;
   text-align:center;
   }



.sp-br{
   display: inline;
   }

.pc-br{
   display: none;
   }



.bottomLine01{
   border-bottom:1px solid #CCCCCC;
}






/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.container{
   }

.SvgColor{
   filter:invert(100%)  sepia(60%)  brightness(290%) contrast(350%);
   }

.icoMark01{
   width: 46px;
   }


.subHeadStr{
   position:relative;
   font-size:26px;
   font-weight:bold;
   padding-top:32px;
   padding-left:20px;
   padding-right:20px;
   }


.subHeadBlock{
   margin-top:80px;
   margin-bottom:40px;
   line-height:1.5;
   letter-spacing:0.1em;
   text-align:center;
   }



.iconGoRight01{
   position:absolute;
   vertical-align:middle;
   width:0.5em;
   left:0;
   top:0;
   margin-top:0.3em;
   font-size:20px;
   font-weight:normal;
   }


.iconGoRight02{
   }


.iconGoRight03{
   position:absolute;
   vertical-align:middle;
   width:0.5em;
   left:0;
   top:0;
   padding-top:12px;
   font-size:16px;
   font-weight:normal;
   }




.strGoPage01{
   font-size:22px;
   font-weight:normal;
   }




.strGoPage02{
   margin-bottom:22px;
   font-size:26px;
   font-weight:bold
   }

.strGoPage02:hover{
   text-decoration:underline;
   }


.strGoPage03{
   font-size:18px;
   font-weight:normal;
   }


.iconMarkBox{
   margin-top:0px;
   margin-bottom:0px;
   margin-right:auto;
   margin-left:auto;
   text-align:center;
   }



.sp-br{
   display: none;
   }

.pc-br{
   display: inline;
   }





.bottomLine01{
   border-bottom:1px solid #CCCCCC;
}





}  /*** PC End ***/


/*■■■ Common Setting [txt] ■■■*/


/*=== SP ===*/

.txtStyle01{
   line-height:1.5;
   letter-spacing:0.1em;}

.txtStyle02{
   font-size:24px;
   font-weight:bold;
   line-height:1.5;
   letter-spacing:0;}

.txtStyle03{
   line-height:30px;
   letter-spacing:0;
   vertical-align:baseline;}

.txtStyle04{
   margin-left:20px;
   vertical-align:baseline;}

.txtStyle05{
   font-size:24px;
   font-weight:bold;
   line-height:1.6;
   letter-spacing:0;
   padding:10px 0;}

.txtStyle06{
   margin-bottom:32px;
   font-size:18px;
   font-weight:bold
   }



.txtStyleCenter{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   line-height:16px;}

.txtStyleCenter a{
   display:inline-block;}

.txtFmt01{
   line-height:1.5;
   letter-spacing:0.1em;}

.txtStyleRight{
   padding-left:20px;
   float:right;
   display:inline-block;
   max-width:100%;
   line-height:1.5;
   }


.txtStyleR01{
   position:relative;
   padding-left:20px;
   float:center;
   display:inline-block;
   max-width:100%;
   line-height:1.5;
   margin-bottom:40px;
   }

.txtStyleR01:hover{
   text-decoration:underline;
   }



.txtStyleR02{

   }

.txtStyleR02:hover{
   text-decoration:underline;
   }


.txtStyleR03{
   position:relative;
   display:inline-block;
   padding-top:8px;
   padding-left:12px;
   max-width:100%;
   line-height:1.5;
   }

.txtStyleR03:hover{
   text-decoration:underline;
   }







/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.txtStyle01{
   line-height:1.5;
   letter-spacing:0.1em;}

.txtStyle02{
   font-size:24px;
   font-weight:bold;
   line-height:1.5;
   letter-spacing:0;}

.txtStyle03{
   line-height:30px;
   letter-spacing:0;
   vertical-align:baseline;}

.txtStyle04{
   margin-left:20px;
   vertical-align:baseline;}

.txtStyle05{
   font-size:24px;
   font-weight:bold;
   line-height:1.6;
   letter-spacing:0;
   padding:10px 0;}

.txtStyle06{
   margin-bottom:22px;
   font-size:26px;
   font-weight:bold
   }



.txtStyleCenter{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   line-height:16px;}

.txtStyleCenter a{
   display:inline-block;}

.txtFmt01{
   line-height:1.5;
   letter-spacing:0.1em;}

.txtStyleRight{
   padding-left:20px;
   float:right;
   display:inline-block;
   max-width:100%;
   line-height:1.5;
   }


.txtStyleR01{
   position:relative;
   padding-left:20px;
   float:right;
   display:inline-block;
   max-width:100%;
   line-height:1.5;
   margin-bottom:40px;
   }

.txtStyleR01:hover{
   text-decoration:underline;
   }


.txtStyleR02{
   }

.txtStyleR02:hover{
   text-decoration:underline;
   }


.txtStyleR03{
   position:relative;
   display:inline-block;
   padding-top:10px;
   padding-left:16px;
   max-width:100%;
   line-height:1.5;
   }

.txtStyleR03:hover{
   text-decoration:underline;
   }


.pc-dsnon{
   display: none;
   }


}  /*** PC End ***/



/*■■■ Common Setting [display] ■■■*/
/*=== SP ===*/

.pc-dsnon{
   display: inline;
   }


.sp-dsnon{
   display: none;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.pc-dsnon{
   display: none;
   }

.sp-dsnon{
   display: inline;
   }




}  /*** PC End ***/


/*■■■■■■ Main Page ■■■■■■*/

/*■■■ Top menu block ■■■*/

/*=== SP ===*/
.Top_Space{
   padding-top: 90px;
   }

.BLK_Top{
   position: fixed;
   width: 100vw;
   height: 50px;            /* メニューの高さ */
   background-color: white;
   top: 0;
   left: 0;
   right: 0;
   z-index:999;
   padding: 0px 0px;
   background-color:rgba(255,255,255,1);
   }

.Top_inner{
   display: flex;
   align-items: center;
   height: inherit;
   padding: 0px 5px;
   position: relative;
   z-index:1;      /* セカンドメニューをバーガーメニューの下へ */
   }

.Top_logo{
   font-family: 'Verdana', 'Helvetica Neue', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Helvetica', 'serif', 'sans-serif';
   width: 400px;
   position:relative;
   line-height:1.5;
   letter-spacing:0;
   font-size:26px;
   font-weight: bold;
   z-index:999999;
   top: 0px;
   left: 10px;
   }

.Top_MenuBox{
   display: flex;
   fles: 1;
   padding-top: 0px;
   }

.Top_Tel{
   width: 40px;
   height:40px;
   padding-top:  6px;
   margin-right: 5px;
   text-align:center;
   background-color:coral;
   border-radius: 6px;
   }

.TelButton{
   width: 28px;
   filter:invert(100%)  sepia(60%)  brightness(290%) contrast(350%);
   }

.Top_Mail{
   width: 40px;
   height:40px;
   padding-top: 3px;
   margin-right: 5px;
   text-align:center;
   background-color:mediumaquamarine;
   border-radius: 6px;
   }

.MailButton{
   width: 35px;
   filter:invert(100%)  sepia(60%)  brightness(290%) contrast(350%);
   }

.Inner_Menu{
   display: flex;
   width: 50px;
   margin-left:auto;
   margin-right:auto;
   }

.Navi_header{       /* ナビ部分 */
   position: absolute;
   width: 100%;
   height: 100vh;
   top: 0;
   right: 0;
   left: 0;
   transform: translateX(100%);
   background-color: #fff;
   transition: ease .4s;
   margin : 2px;     /* ナビエリアの余白スペース */
   }

.Navi_area{
   padding-top:    100px;   /* BGメニュー文字列の表示高さ位置 */
   padding-bottom: 200px;
   }

.nav_item{
   }

.nav_item a{
   display: block;
   width: 100%;
   text-align: center;
   color: black;
   font-size: 20px;
   font-weight:normal;
   margin-bottom: 10px;
   }

.nav_item:last-child a{
   margin-bottom: 0px;
   }

/*--- ハンバーガーメニューのエリア ---*/
.BG_menu{
   width:  50px;
   background-color: transparent;
   border-color: transparent;
   margin : 0px;
   z-index:9999;
   }

/*--- ハンバーガーメニューの線 ---*/
.BG_menu span{
   display: block;
   position: relative;
   width: 100%;
   height: 2px;
   background-color: #000;
   transition: ease .4s;
   }

.BG_menu span:nth-child(1){top: 0;}
.BG_menu span:nth-child(2){margin: 8px 0;}
.BG_menu span:nth-child(3){top: 0;}

/*--- ハンバーガーメニュークリック後のスタイル ---*/
.Navi_header.active{
   transform: translateX(0);
   }

.BG_menu.active span:nth-child(1){
   top: 8px;
   transform: rotate(45deg);
   }

.BG_menu.active span:nth-child(2){
   opacity: 0;
   }

.BG_menu.active span:nth-child(3){
   top: -12px;
   transform: rotate(-45deg);
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/


/*=== PC ===*/
@media screen and (min-width: 960px){

.Top_Space{
   padding-top: 0px;
   }

.BLK_Top{
   position: absolute;
   width: 100vw;   /* 横スクロールバーが出てしまう */
   width: 100%;    /* ★★★ */
   height: 50px;            /* メニューの高さ */
   background-color: white;
   top: 0;
   left: 0;
   right: 0;
   z-index:999;
   padding: 0px 0px;
   background-color:rgba(255,255,255,0.7);
   }

.Top_inner{
   display: flex;
   width: 1200px;
   margin-left:auto;
   margin-right:auto;
   align-items: center;
   justify-content: space-between; 
   height: inherit;
   padding: 0px 0px;
   position: relative;
   }

.Top_logo{
   font-family: 'Sonnygothic', 'YuMincho', 'ヒラギノ角ゴ ProN W3', 'Sonnygothic', 'unset', 'Baskerville', 'Meiryo', 'sans-serif', TimesNewRoman
   width: 400px;
   position:relative;
   line-height:1.5;
   letter-spacing:0;
   font-size:26px;
   font-weight:bold;
   top: 20px;
   left: 20px;
   }

.Top_MenuBox{
   display: flex;
   fles: 1;
   }

.Top_Tel{
   display: none;
   }

.TelButton{
   display: none;
   }

.Top_Mail{
   display: none;
   }

.MailButton{
   display: none;
   }

.Inner_Menu{
   display: flex;
   }

.Navi_header{
   display: flex;
   position: static;
   transform: initial;
   background-color: inherit;
   height: inherit;
   margin : 0px;     /* ナビエリアの余白スペース */
   }

.Navi_area{
   display: flex;
   width: 100%;
   align-items: center;
   height: initial;
   justify-content: end;   /* メニューを右寄せ */
   padding-top:    inherit;
   padding-bottom: inherit;
   }

.nav_item{
   margin-right:20px;   /* メニューの間隔調整 */
   white-space: nowrap; /* 折り返し禁止 */
   }

.nav_item a{
   display: block;
   width: 100%;
   text-align: center;
   font-size: 16px;
   font-weight:normal;
   margin-bottom: 0;
   color: black;
   }

.nav_item:last-child a{
   margin-bottom: 0;
   }

.BG_header{
    display: none;
   }

.BG_menu{
   display: none;
   }

}  /*** PC End ***/



/*■■■ Second Block contents menu (Top Page) ■■■*/

/*=== SP ===*/

.BLK_Second{
   background-color:rgba(255,255,255,1);
   }

/*--- SPではTEL情報非表示 ---*/
.TopTelLine{
   display:none;
   }

.TelBox{
   display:none;
   }

.TelIcon{
   }


.MainMenuLine01{
   display:block;
   padding-bottom:0px;
   min-height:35px;
   vertical-align:middle;
   align-items:center;
   -webkit-box-align:center;
   -ms-flex-align:center;
   background-color:transparent;
   }

.MenuBox01{
   width: 100%;                       /* 親要素の幅を100%にする */
   overflow-x: auto;                  /* 横スクロールを可能にする */
   -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかにする */
   -ms-overflow-style: none;          /* スクロールバー非表示 IE and Edge */
   -webkit-scrollbar: none;           /* スクロールバー非表示 Chrome, Safari, Opera */
   scrollbar-width: none;             /* スクロールバー非表示 Firefox */
   letter-spacing:0;
   line-height:1.5;
   font-size:14px;
   font-weight:normal;
   border-bottom:1px solid #ccc;
   }

.MenuBox01-list {
   display:flex;
   display:-ms-flexbox;
   justify-content: flex-start; /* 左寄せ */
   text-align:center;
   padding: 0;
   margin: 0 auto;
   width: 100%;
   list-style: none;            /* リストの点（・）を削除 */
   white-space: nowrap;         /* 折り返し禁止 */
   }

.MenuBox01-list li {
   display:table-cell;
   position:relative;
   text-align:center;
   flex-shrink: 0;      /* スクロール時にも縮小しない */
   white-space: nowrap; /* メニュー項目の折り返しを防止 */
   min-width:80px;		/* メニュー幅 */
   padding: 0px 0px;
   border-right:1px solid #ccc;
   }

.MenuBox01-list li:first-child {
   border-left:1px solid #ccc;
   }

.MenuBox01-list li a{
   display: block;
   width:100%;
   padding: 10px 0px;
   color: #333;
   font-size:14px;
   font-weight:bold;
   text-decoration: none;
   }

.MenuBox01-list li a:hover{
   }

.MenuBox01-list li.current{
   font-weight:bold;
   }

.MenuBox01-list li.current a{
   background-color:#BA2635;
   color:white;
   font-weight:bold;
   }

.MenuBox01B{
   display:inline-block;
   letter-spacing:0;
   font-size:11px;
   font-weight:bold;
   background-color:#696969;
   text-align:center;
   cursor:pointer;
   }

.MenuBox01B:hover{
   }

.MenuBox01B_Btn{
   color:#fff;
   }


/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.BLK_Second{
   background-color:rgba(255,255,255,0.7);
   }


.TopTelLine{          /* PCではTEL情報を表示 */
   display:block;
   width: 1200px;
   margin-left:auto;
   margin-right:auto;
   padding:0px 20px;
   padding-bottom:10px;
   min-height:38px;
   vertical-align:middle;
   }

.TelBox{
   display:block;
   position:relative;
   float:right;
   padding-top:5px;
   padding-bottom:15px;
   margin-left:15px;
   line-height:1.5;
   letter-spacing:0;
   font-size:26px;
   font-weight:bold;
   }

.TelIcon{
   width: 22px;
   }


.MainMenuLine01{
   display:block;
   padding-bottom:0px;
   min-height:30px;
   vertical-align:bottom;
   align-items:center;
   -webkit-box-align:center;
   -ms-flex-align:center;
   background-color:transparent;
   }

.MenuBox01{
   width: 1200px;
   overflow-x: visible;               /* 横スクロールを不可にする */
   -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかにする */
   margin-left:auto;
   margin-right:auto;
   letter-spacing:0;
   line-height:1.5;
   font-size:18px;
   font-weight:bold;
   border-bottom: 0px;
   }

.MenuBox01-list {
   display:flex;
   display:-ms-flexbox;
   width: 100%;
   list-style: none;    /* リストの点を削除 */
   white-space: nowrap; /* 折り返し禁止 */
   justify-content:space-between;
   text-align:center;
   padding: 0;
   margin: 0 auto;
   }

.MenuBox01-list li {
   display:table-cell;
   position:relative;
   text-align:center;
   flex-shrink: 0;      /* スクロール時にも縮小しない */
   white-space: nowrap; /* メニュー項目の折り返しを防止 */
   padding: 0px 0px;
   min-width:100px;
   border-right:0px solid #ccc;
   }

.MenuBox01-list li:first-child {
   border-left:0px solid #ccc;
   }

.MenuBox01-list li a{
   display:table-cell;
   table-layout:fixed;
   vertical-align:middle;
   text-decoration: none;
   padding: 0px 20px;
   height:40px;
   font-size:22px;
   font-weight:normal;
   color: #333;
   }

.MenuBox01-list li a:hover{
   border-bottom:5px solid gray;
   border-bottom:5px solid #BA2635;
   background-color: dimgray;
   color: #fff;
   opacity:0.6;
   }

.MenuBox01-list li.current{
   font-weight:bold;
   }

.MenuBox01-list li.current a{
   border-bottom:5px solid #1D3044;
   background-color: transparent;
   color:#220;
   font-weight:bold;
   }

.MenuBox01B{
   display:inline-block;
   width:100px;
   letter-spacing:0;
   font-size:17px;
   font-weight:normal;
   background-color:#696969;
   text-align:center;
   cursor:pointer;
   }

.MenuBox01B:hover{
   }

.MenuBox01B_Btn{
   width:100px; 
   color:#FFFFFF;
   }

}  /*** PC End ***/




/*■■■ Top Page Img Slider ■■■*/

/*=== SP ===*/

.imgSlideBox{
   position:relative;
   width:  100vw;
   height: 250px;    /*-- この高さを決めて画像はcoverを設定する */
   }

.boxView2{    /* DEL */
   width:100vw;
   }

.topSlide2{
   width:1024px;
width:100%;
   position:absolute;
   top:0px;
   left:0px;
   margin:0 auto;
   text-align:center;
   z-index:-100;
   }

.topSlide2 img{
   height:auto;
height:250px;
   max-width:100%;
   margin-left: auto;
   margin-right: auto;
   }

.topSlide2 img.coverPosition{
/* object-position:100% 50%; */
   }


/*--- Dots style ---*/
.slick-dots2{
   position:absolute;
   text-align:center;
   width:100%;
   bottom:45px;		/* ボトムからの距離 */
   z-index:100;
   }

.slick-dots2 li{
   position:relative;
   margin:0;
   display:inline-block;
   margin:0 8px;
   }

.slick-dots2 li button{
   font-size:0;
   font-weight:normal;
   line-height:0;
   width:8px;
   height:20px;
   cursor:pointer;
   color:transparent;
   border:0;
   outline:none;
   background:transparent;
   margin-bottom:5px;
   }

.slick-dots2 li button::before{
   content:"";
   position:absolute;
   top:50%;
   left:0;
   }

.slick-dots2 li button:before{
   background-color:#FFFFFF;
   border:1px solid #FFFFFF;
   width:8px;
   height:8px;
   -webkit-transform:rotate(45deg);
   -ms-transform:rotate(45deg);
   transform:rotate(45deg);
   opacity:1.0;
   }

.slick-dots2 li.slick-active button:before{
   background-color:#000000;		/* ドット中塗色		*/
   border: 1px solid #FFFFFF;
   }

/*--- Bottom message ---*/
.slideBtmBox{
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   z-index:99;
   }

.slideBtmMsg{
   font-size:16px;
   font-weight:bold;
   line-height:1.6;
   letter-spacing:0;
   padding:10px 0;
   background-color:rgba(255,255,255,0.7);
   text-align:center;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.imgSlideBox{
   position:relative;
   width: 100vw;   /* 横スクロールバーが出てしまう */
   width: 100%;    /* ★★★★ */
   height:100vh;
   }




.boxView2{    /* DEL */
   position:absolute;
   margin:0px;
/*
   width:1024px;
   height:100vh;
*/
   width:100vw;
   height:100vh;
   }


.topSlide2{
   position:absolute;
   width:100vw;   /* 横スクロールバーが出てしまう */
   width:100%;    /* ★★★ */
   top:0px;
   left:0px;
   margin:0 auto;
   text-align:center;
   z-index:-100;
   }

.topSlide2 img{
   object-fit:cover;
   width:100vw;
   height:100vh;
   margin:0 auto;
   text-align:center;
   background-size:cover;
   min-height:510px;
   }

.topSlide2 img.coverPosition{
/* object-position:100% 50%; */
   }

/*--- Dots style ---*/
.slick-dots2{
   position:absolute;
   text-align:center;
   width:100%;
   bottom:90px;		/* ボトムからの距離		*/
   z-index:100;
   }

.slick-dots2 li{
   position:relative;
   margin:0;
   display:inline-block;
   margin:0 8px;
   }

.slick-dots2 li button{
   font-size:0;
   font-weight:normal;
   line-height:0;
   width:8px;
   height:20px;
   cursor:pointer;
   color:transparent;
   border:0;
   outline:none;
   background:transparent;
   margin-bottom:5px;
   }

.slick-dots2 li button::before{
   content:"";
   position:absolute;
   top:50%;
   left:0;
   }

.slick-dots2 li button:before{
   background-color:#FFFFFF;
   border:1px solid #FFFFFF;
   width:8px;
   height:8px;
   -webkit-transform:rotate(45deg);
   -ms-transform:rotate(45deg);
   transform:rotate(45deg);
   opacity:1.0;
   }

.slick-dots2 li.slick-active button:before{
   background-color:#000000;		/* ドット中塗色		*/
   border: 1px solid #FFFFFF;
   }


/*--- Bottom message ---*/
.slideBtmBox{
   position:absolute;
   width:100%;
   height: 57px;
   bottom:0;
   left:0;
   z-index:99;
   }

.slideBtmMsg{
   font-size:24px;
   font-weight:bold;
   line-height:1.6;
   letter-spacing:0;
   padding:10px 0;
   background-color:rgba(255,255,255,0.7);
   text-align:center;
   }

}  /*** PC End ***/













/*■■■ Second Block contents menu (Next Page) ■■■*/

/*=== SP ===*/

.Top_Line{
   display: none;
   }

.Top_Space02{
   padding-top: 90px;
   }

.BLK_Second{
   background-color:rgba(255,255,255,1);
   }

/*--- SPではTEL情報非表示 ---*/
.TopTelLine{
   display:none;
   }

.TelBox{
   display:none;
   }

.TelIcon{
   }


.MainMenuLine02{
   display:block;
   margin-top:0px;
   margin-bottom:10px;
   padding-top:0px;
   padding-bottom:0px;
   min-height:35px;
   vertical-align:middle;
   align-items:center;
   -webkit-box-align:center;
   -ms-flex-align:center;
   background-color:#BA2635;
   background-color:transparent;
   }

.MenuBox02{
   width: 100%;                       /* 親要素の幅を100%にする */
   overflow-x: auto;                  /* 横スクロールを可能にする */
   -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかにする */
   -ms-overflow-style: none;          /* スクロールバー非表示 IE and Edge */
   -webkit-scrollbar: none;           /* スクロールバー非表示 Chrome, Safari, Opera */
   scrollbar-width: none;             /* スクロールバー非表示 Firefox */
   letter-spacing:0;
   line-height:1.5;
   font-size:12px;
   font-weight:normal;
   border-bottom:1px solid #ccc;



/*
*/
 overflow-x: scroll;                  /* 横スクロールを可能にする */
 scroll-snap-type: x mandatory; /* 横スナップ、強制 */

 gap: 10px;


/*--- Jump ---*/
  overflow-x: auto; /* 横スクロールを有効化 */
  white-space: nowrap; /* メニューを折り返さない */
  
  /* スクロールスナップの設定 */
  scroll-snap-type: x mandatory; 
  -webkit-overflow-scrolling: touch; /* iOS用 */


   }











.MenuBox02-list{
   display: flex;
   padding: 0;
   list-style: none;
   justify-content: flex-start; /* 左寄せ */
   text-align:center;
   margin: 0 auto;
   width: 100%;
   list-style: none;            /* リストの点（・）を削除 */
   white-space: nowrap;         /* 折り返し禁止 */
   }


.MenuBox02-list li{
   display:table-cell;
   position:static;
   text-align:center;
   flex-shrink: 0;      /* スクロール時にも縮小しない */
   white-space: nowrap; /* メニュー項目の折り返しを防止 */
   min-width:80px;
   padding: 0px 0px;
   border-right:1px solid #ccc;
   scroll-snap-align: center; /* 子要素をセンターにスナップ [2, 7, 8] */
   }

.MenuBox02-list li:first-child {
   border-left:1px solid #ccc;
   }

.MenuBox02-list li a{
   display: block;
   width:100%;
   text-decoration: none;
   padding: 10px 0px;
   color:#FFFFFF;
   color:#333;
   font-size:14px;
   font-weight:normal;
   }

.MenuBox02-list li a:hover{
   }

.MenuBox02-list li.current{
   font-weight:bold;



   }

.MenuBox02-list li.current a{
   background-color:#BA2635;
   color:white;
   font-weight:bold;

   }




.scroll-cont{
 display:flex;
 overflow-x: auto;                  /* 横スクロールを可能にする */
 gap: 10px;
padding: 10px;
 scroll-snap-type: x mandatory; /* 横スナップ、強制 */
scroll-padding-left:50%;
scroll-padding-right:50%;





/*
*/
 overflow-x: scroll;                  /* 横スクロールを可能にする */
 scroll-snap-type: x mandatory; /* 横スナップ、強制 */

 gap: 10px;



   width: 100%;                       /* 親要素の幅を100%にする */
   overflow-x: auto;                  /* 横スクロールを可能にする */
   -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかにする */
   -ms-overflow-style: none;          /* スクロールバー非表示 IE and Edge */
   -webkit-scrollbar: none;           /* スクロールバー非表示 Chrome, Safari, Opera */
   scrollbar-width: none;             /* スクロールバー非表示 Firefox */
   letter-spacing:0;
   line-height:1.5;
   font-size:12px;
   font-weight:normal;
   border-bottom:1px solid #ccc;
}
.scroll-item.current{
flex: 0 0 auto;
padding: 10px 20px;
scroll-span-align: center;
background-color: #eee;

}







.MenuBox02B{
   display:inline-block;
   letter-spacing:0;
   font-size:11px;
   font-weight:normal;
   background-color:#1D3044;
   text-align:center;
   cursor:pointer;
   }

.MenuBox02B:hover{
   background-color:#77828E;
   }

.MenuBox02B_Btn{
   color:#FFFFFF;
   }

























/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.Top_Line{
   display: block;
   position:relative;
   background-color:#BA2635;
   height:4px;
   z-index:9999;
   }

.Top_Space02{
   padding-top: 150px;
   }


.BLK_Second{
   background-color:rgba(255,255,255,0.7);
   }


.TopTelLine{          /* PCではTEL情報を表示 */
   display:block;
   width: 1200px;
   margin-left:auto;
   margin-right:auto;
   padding:0px 20px;
   padding-bottom:10px;
   min-height:38px;
   vertical-align:middle;
   }

.TelBox{
   display:block;
   position:relative;
   float:right;
   padding-top:5px;
   padding-bottom:15px;
   margin-left:15px;
   line-height:1.5;
   letter-spacing:0;
   font-size:26px;
   font-weight:bold;
   }

.TelIcon{
   width: 22px;
   }


.MainMenuLine02{
   display:block;
   margin-top:10px;
   margin-bottom:10px;
   padding-top:0px;
   padding-bottom:0px;
   min-height:40px;
   vertical-align:bottom;
   align-items:center;
   -webkit-box-align:center;
   -ms-flex-align:center;
   background-color:#BA2635;
   }

.MenuBox02{
   width: 1200px;
   overflow-x: visible;               /* 横スクロールを不可にする */
   -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかにする */
   margin-left:auto;
   margin-right:auto;
   letter-spacing:0;
   line-height:0.5;
   font-size:18px;
   font-weight:bold;
   border-bottom: 0px;

   }

.MenuBox02-list {
   display:flex;
   display:-ms-flexbox;
   width: 100%;
   list-style: none;    /* リストの点を削除 */
   white-space: nowrap; /* 折り返し禁止 */
   justify-content:space-between;
   text-align:center;
   padding: 0;
   margin: 0 auto;
   }

.MenuBox02-list li {
   display:table-cell;
   position:relative;
   text-align:center;
   flex-shrink: 0;      /* スクロール時にも縮小しない */
   white-space: nowrap; /* メニュー項目の折り返しを防止 */
   padding: 0px 0px;
   min-width:100px;
   border-right:0px solid #ccc;
   }

.MenuBox02-list li:first-child {
   border-left:0px solid #ccc;
   }

.MenuBox02-list li a{
   display:table-cell;
   table-layout:fixed;
   vertical-align:middle;
   height:40px;
   text-decoration: none;
   padding: 10px 20px;
   color:#FFFFFF;
   font-size:22px;
   font-weight:normal;
   }

.MenuBox02-list li a:hover{
   border-bottom:5px solid gray;
   background-color: wheat;
   background-color: red;
   opacity:0.6;
   }

.MenuBox02-list li.current{
   font-weight:bold;
   }

.MenuBox02-list li.current a{
   border-bottom: 5px solid #2D4066;
   background-color: transparent;
   color:white;
   font-weight:bold;
   }

.MenuBox02B{
   display:inline-block;
   width:100px;
   letter-spacing:0;
   font-size:11px;
   font-weight:normal;
   background-color:#1D3044;
   text-align:center;
   cursor:pointer;
   }

.MenuBox02B:hover{
   background-color:#77828E;
   background-color: blue;
   }

.MenuBox02B_Btn{
   width:100px; 
   color:#FFFFFF;
   }

}  /*** PC End ***/





/*MMMMM

   font-weight:normal;
   font-size:

MMMM*/




/*■■■ Inline jump menu box ■■■*/

/*=== SP ===*/
/*--- Inline jump menu box 1 ---*/
.InJumpMenu01{
   width:100%;
   padding: 10px 20px;
   margin-bottom:24px !important;
   font-size:16px;
   line-height:1.8;
   background-color:rgba(186,38,53,0.07);
   }

.InJumpMenu01 ul{
   display:block;
   }

.InJumpMenu01 ul li{
   display:block;
   min-width:0;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   text-align:left;
   }

.InJumpMenu01 a{
   position:relative;
   padding-left:80px;
   margin-top:6px !important;
   margin-bottom:6px !important;
   margin-left:15px;
   margin-right:15px;
   line-height:16px;
   text-decoration:underline;
   }

.InJumpMenu01 .typImgArrow{
   width:12px;
   padding:0;
   margin-right:10px;
   }


/*--- Inline jump menu box 2 ---*/
.InJumpMenu02{
   width:100%;
   padding: 24px 2px;
   margin-bottom:24px !important;
   font-size:14px;
   line-height:1.8;
   background-color:rgba(186,38,53,0.07);
   }

.InJumpMenu02 ul{
   display:block;
   }

.InJumpMenu02 ul li{
   display:block;
   min-width:0;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   text-align:left;
   }

.InJumpMenu02 a{
   position:relative;
   padding-left:5px;
   margin-top:6px !important;
   margin-bottom:6px !important;
   margin-left:15px;
   margin-right:15px;
   line-height:16px;
   text-decoration:underline;
   }

.InJumpMenu02 .typImgArrow{
   width:12px;
   padding:0;
   margin-right:10px;
   }



/*--- Inline jump menu box 3 ---*/
.InJumpMenu03{
   width:100%;
   padding: 24px 2px;
   margin-bottom:24px !important;
   font-size:14px;
   line-height:1.8;
   background-color:rgba(186,38,53,0.07);
   justify-content: center;
   align-items: center;
   }

.InJumpMenu03 ul{
   display:flex;
   }

.InJumpMenu03 ul li{
   display:block;
   min-width:0;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   text-align:left;
   }

.InJumpMenu03 a{
   position:relative;
   padding-left:5px;
   margin-top:6px !important;
   margin-bottom:6px !important;
   margin-left:15px;
   margin-right:15px;
   line-height:16px;
   text-decoration:underline;
   }

.InJumpMenu03 .typImgArrow{
   width:12px;
   padding:0;
   margin-right:10px;
   }







/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

/*--- Inline jump menu box 1 ---*/
.InJumpMenu01{
   width:100%;
   padding: 24px 6px;
   margin-bottom:64px !important;
   font-size:14px;
   line-height:1.8;
   background-color:rgba(186,38,53,0.07);
   }

.InJumpMenu01 ul{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   white-space:nowrap;
   }

.InJumpMenu01 ul li{
   display:inline-block;
   min-width:0;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   }

.InJumpMenu01 a{
   position:relative;
   padding-left:26px;
   margin-top:16px !important;
   margin-bottom:16px !important;
   margin-left:15px;
   margin-right:15px;
   line-height:26px;
   text-decoration:underline;
   }

.InJumpMenu01 .typImgArrow{
   width:12px;
   padding:0;
   margin-right:10px;
   }







/*--- Inline jump menu box 2 ---*/
.InJumpMenu02{
   width:100%;
   padding: 24px 6px;
   margin-bottom:64px !important;
   font-size:14px;
   line-height:1.8;
   background-color:rgba(186,38,53,0.07);
   }

.InJumpMenu02 ul{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   white-space:nowrap;
   }

.InJumpMenu02 ul li{
   display:inline-block;
   min-width:0;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   }

.InJumpMenu02 a{
   position:relative;
   padding-left:26px;
   margin-top:16px !important;
   margin-bottom:16px !important;
   margin-left:15px;
   margin-right:15px;
   line-height:26px;
   text-decoration:underline;
   }

.InJumpMenu02 .typImgArrow{
   width:12px;
   padding:0;
   margin-right:10px;
   }




/*--- Inline jump menu box 3 ---*/
.InJumpMenu03{
   display:flex;
   width:100%;
   padding: 24px 6px;
   margin-bottom:64px !important;
   font-size:14px;
   line-height:1.8;
   background-color:rgba(186,38,53,0.07);
   justify-content: center;
   align-items: center;
   }

.InJumpMenu03 ul{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   white-space:nowrap;
   }

.InJumpMenu03 ul li{
   display:inline-block;
   min-width:0;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   }

.InJumpMenu03 a{
   position:relative;
   padding-left:26px;
   margin-top:16px !important;
   margin-bottom:16px !important;
   margin-left:15px;
   margin-right:15px;
   line-height:26px;
   text-decoration:underline;
   }

.InJumpMenu03 .typImgArrow{
   width:12px;
   padding:0;
   margin-right:10px;
   }










}  /*** PC End ***/




















































/*■■■ Banding ■■■*/
/*=== SP ===*/
.Banding01:first-child{
   margin-top:0px;
   }

.Banding01:last-child{
   margin-bottom:30px;
   }

.Banding01 .:nth-child(odd){
   background-color:#FFFFFF;
   }


/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

/*--- Banding ---*/
.Banding01:first-child{
   margin-top:4px;
   }

.Banding01:last-child{
   margin-bottom:64px;
   }


.Banding01 .TopPgBlock01:nth-child(odd){
   background-color:#FFFFFF;
   }

}  /*** PC End ***/





/*■■■ page block ■■■*/
/*=== SP ===*/

.TopPgBlock01{
   width:100vw;
   text-align:center;
   }

.TopPgBlock02{
   width:100%;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   padding:0;
   }

.CntTopBox{
   text-align:center;
   margin-top:10px;
   margin-bottom:10px;
   line-height:1.5;
   letter-spacing:0.1em;
   }

.CntTopMsg1{
   position:relative;
   font-size:16px;
   padding-top:6px;
   font-weight:bold;
   }

.CntTopMsg2{
   position:relative;
   text-align:center;
   margin-bottom:10px !important;
   font-size:12px;
   }


/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.TopPgBlock01{
   width:100%;
   text-align:center;
   }

.TopPgBlock02{
   width:1200px;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   padding:0;
   }


.CntTopBox{
   text-align:center;
   margin-top:80px;
   margin-bottom:40px;
   line-height:1.5;
   letter-spacing:0.1em;
   }

.CntTopMsg1{
   position:relative;
   font-size:26px;
   font-weight:bold;
   }

.CntTopMsg2{
   position:relative;
   text-align:center;
   margin-bottom:32px !important;
   font-size:16px;
   }

}  /*** PC End ***/



/*■■■ main section 2,3 ■■■*/
/*=== SP ===*/

.BoxArea01{
   margin-top:    0px;
   margin-bottom: 10px;
   text-align:center;
   }


/*---
.BoxArea01 ul{
   margin:-4px;
   }

.BoxArea01 li{
   padding:15px 5px;
   width:95%;
   }
---*/

.BoxListUL01{
   margin:-4px;

   }


.BoxListLI01{
   margin-left:auto;
   margin-right:auto;

   padding:15px 5px;
   width:95%;


   }

.ImgMsgWrap01{
   display:flex;
   display:-webkit-box;
   display:-ms-flexbox;
   -webkit-box-flex:1;
   -ms-flex:1 0 auto;
   flex:1 0 auto;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-direction:column;
   flex-direction:column;
   }

a.ImgMsgWrap01:hover{
   opacity:0.6;
   }

.imgBoxA01{
   height:183px;
   max-width:100%;
   overflow:hidden;
   position:relative;
   }

.imgBoxA01 img{
   position:absolute;
   top:50%;
   left:50%;
   -webkit-transform:translate(-50%, -50%);
   -ms-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%);
   vertical-align:top;
   object-fit:cover;
   }



.imgBoxA02{
   height:183px;
   max-width:100%;
   overflow:hidden;
   position:relative;
   }

.imgBoxA02 img{
   position:absolute;
   top:50%;
   left:50%;
   -webkit-transform:translate(-50%, -50%);
   -ms-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%);
   vertical-align:top;
width:100%;
   }












.txtBox01{
   -webkit-box-flex:1;
   -ms-flex:1 0 auto;
   flex:1 0 auto;
   padding:16px;
   background-color:#BA2635;
   color:#FFFFFF;
   font-size:14px;
   }




.icon01{
   position:absolute;
   vertical-align:middle;
   width:0.5em;
   left:0;
   top:0;
   margin-top:0.3em;
   }




/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.BoxArea01{
   text-align:center;
   margin-bottom:40px !important;
   }

/*---
.BoxArea01 ul{
   margin:-4px;
   }

.BoxArea01 li{
   padding:4px;
   width:25%;
   }
---*/

.BoxListUL01{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:horizontal;
   -webkit-box-direction:normal;
   -ms-flex-flow:row wrap;
   flex-flow:row wrap;
-ms-flex-flow: nowrap;
flex-flow: nowrap;
justify-content: center;
column-gap:10px;

   margin:-4px;


   }

.BoxListLI01{
   margin-left:0;
   margin-right:0;
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-direction:column;
   flex-direction:column;

   padding:4px;
   width:25%;


   }


.ImgMsgWrap01{
   display:flex;
   display:-webkit-box;
   display:-ms-flexbox;
   -webkit-box-flex:1;
   -ms-flex:1 0 auto;
   flex:1 0 auto;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-direction:column;
   flex-direction:column;
   }

a.ImgMsgWrap01:hover{
   opacity:0.6;
   }


.imgBoxA01{
   height:220px;
   max-width:100%;
   overflow:hidden;
   position:relative;
   }

.imgBoxA01 img{
   position:absolute;
   top:50%;
   left:50%;
   -webkit-transform:translate(-50%, -50%);
   -ms-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%);
   vertical-align:top;
   object-fit:cover;
   }



.imgBoxA02{
/*   height:183px;  min-width:1260px    */
height:183px;
   max-width:100%;
   overflow:hidden;
   position:relative;
   }

.imgBoxA02 img{
   position:absolute;
   top:50%;
   left:50%;
   -webkit-transform:translate(-50%, -50%);
   -ms-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%);
   vertical-align:top;
width:100%;
   }






.txtBox01{
   -webkit-box-flex:1;
   -ms-flex:1 0 auto;
   flex:1 0 auto;
   padding:16px;
   background-color:#BA2635;
   color:#FFFFFF;
   font-size:14px;
   }




.icon01{
   position:absolute;
   vertical-align:middle;
   width:0.5em;
   left:0;
   top:0;
   margin-top:0.3em;
   }



}  /*** PC End ***/


/*■■■ main section 4 (facility) ■■■*/
/*=== SP ===*/

.BoxListUL02{
   }


.BoxListLI02{
   border-bottom: 0px solid #ddd;
   margin-bottom:20px;
   margin-left:15px;
   margin-right:15px;
   }


.BoxArea02{
padding-left: 10px;
padding-right:10px;
margin-bottom: 50px;
   }



.BoxArea02A{
   text-align:justify;
   margin-bottom:40px !important;
   }


.imbBoxFct01{
   position:relative;
   margin-top:5px;
   margin-right:32px;
   }


.imbBoxFct01 img{
   width:90%;
   height:360px;
   max-height:360px;
   vertical-align:top;
border-radius: 5%;      /* コーナー丸め */
   }

.imbBoxFct01 li:hover{
   opacity:0.6;
   }

.imbBoxFct01 a:hover{
   opacity:0.6;
   }








.imbBoxFct02{
   position:relative;
   margin-right:32px;


   -webkit-box-flex:0;
   -ms-flex:0 0 424px;
   flex:0 0 424px;
   margin-right:32px;
   width:424px;
   max-width:424px;

text-align:center;

   width:90%;





   }


.imbBoxFct02 li:hover{
   opacity:0.6;
   }

.imbBoxFct02 a:hover{
   opacity:0.6;
   }


.msgFacility{
   margin-top:5px;
   margin-bottom:32px;
   font-size:16px;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.BoxListUL02{
   }

.BoxListLI02{
   border-bottom: 0px solid #ddd;
   margin-bottom:40px;
   margin-left:15px;
   margin-right:15px;
   }

.BoxArea02{
padding-left:0px;
padding-right:0px;
margin-bottom: 100px;
   }


.BoxArea02A{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-align:start;
   -ms-flex-align:start;
   align-items:flex-start;
text-align:left;
margin-bottom:40px !important;

   }



.imbBoxFct01{
   position:relative;
   margin-right:32px;
   }


.imbBoxFct01 img{
   width:480px;
   height:360px;
   max-height:360px;
   -ms-flex:0 0 480px;
   overflow:hidden;
   -webkit-box-flex:0;
   flex:0 0 480px;
   vertical-align:top;
border-radius: 5%;      /* コーナー丸め */
   }

.imbBoxFct01 li:hover{
   opacity:0.6;
   }

.imbBoxFct01 a:hover{
   opacity:0.6;
   }



.imbBoxFct02{


display: flex;
align-items: center;
justify-content: center;


   width:480px;
   max-width:480px;
text-align:center;



   height:260px;
   max-height:260px;
   -ms-flex:0 0 480px;
   overflow:hidden;
   -webkit-box-flex:0;
   flex:0 0 480px;

   padding-top:0px;


   }

.imbBoxFct02 img{



   width: 100px;
   height: auto;
   }






.imbBoxFct02 li:hover{
   opacity:0.6;
   }

.imbBoxFct02 a:hover{
   opacity:0.6;
   }
















.msgFacility{
   margin-bottom:32px;
   font-size:18px;
   }

}  /*** PC End ***/





/*■■■ main section 6 ■■■*/
/*=== SP ===*/

.MapImgBox01{
   width:95vw;
   height:250px;
/*   height:auto;*/
   margin-top: 0px;
   margin-left:auto;
   margin-right:auto;
   border-radius: 5%;      /* コーナー丸め */
   }

.MapImgBox01 iframe{
   border-radius: 5%;      /* コーナー丸め */
   }

.MapImgBox02{
   width:95vw;
   height:160px;
/*   height:auto;*/
   margin-top: 0px;
   margin-bottom:20px;
   margin-left:auto;
   margin-right:auto;
   border-radius: 5%;      /* コーナー丸め */
   }

.MapImgBox02 iframe{
   border-radius: 5%;      /* コーナー丸め */
   width:  80vw;
   height: 160px;
   }

.BusTxtIndent{
   text-indent: 2em;
   }



.MapInfBox{
   width:92%;
   border-width:1px;
   border-color:#EFEFEF;
   padding:0px 20px;
   background-color:#FFFFFF;
   margin-top:0px;
   margin-bottom:30px;
   margin-left:auto;
   margin-right:auto;
   line-height:16px;
   }


.GmapBox{
   display:flex;
   display:-webkit-box;
   display:-ms-flexbox;
   -webkit-box-pack:end;
   -ms-flex-pack:end;
   justify-content:flex-end;
   margin-top:0px;
   padding-top: 5px;
   font-size:14px;
   }

.GmapIcon{
   margin-right:5px !important;
   height:20px;
   }

.MapInfStyle01{
   width:100%;
   font-size:14px;
   margin-left:auto;
   margin-right:auto;
   }

.MapInfStyle01 th,.MapInfStyle01 td{
   padding-top:6px;
   padding-bottom:6px;
   text-align:left;
   }

.MapInfStyle01 th{
   width:80px;
   padding-right:30px
   font-weight:bold;
   text-align:left;
   }



.MapInfStyle02{
   width:100%;
   margin-left:auto;
   margin-right:auto;
   }

.MapInfUL{
   padding-top:6px;
   padding-bottom:20px;
   }

.MapInfLI{
   display: flex;
   padding-bottom:5px;
   }


.MapInfItem{
   width:75px;
   font-size:15px;
   font-weight:bold;
   text-align:left;
   }

.MapInfValie{
   font-size:15px;
   font-weight:normal;
   text-align:left;
   }

/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.MapImgBox01{
   width:100%;
   height:500px;
   margin-top:30px;
   margin-left:auto;
   margin-right:auto;
   border-radius: 0%;      /* コーナー丸め無し */
   }

.MapImgBox01 iframe{
   border-radius: 0%;      /* コーナー丸め無し */
   }


.MapImgBox02{
   width:100%;
   height:300px;
   margin-top:20px;
   margin-bottom:40px;
   margin-left:auto;
   margin-right:auto;
   border-radius: 0%;      /* コーナー丸め無し */
   }

.MapImgBox02 iframe{
   border-radius: 0%;      /* コーナー丸め無し */
   width:  400px;
   height: 300px;
   }



.BusTxtIndent{
   text-indent: 11em;
   }




.MapInfBox{
   width:100%;
   border-width:1px;
   border-color:#EFEFEF;
   padding:0px 30px;
   background-color:#FFFFFF;
   margin-top: 0px;
   margin-bottom:40px;
   line-height:20px;
   }

.GmapBox{
   display:flex;
   display:-webkit-box;
   display:-ms-flexbox;
   -webkit-box-pack:end;
   -ms-flex-pack:end;
   justify-content:flex-end;
   margin-top:0px;
   padding-top: 5px;
   font-size:18px;
   }

.GmapIcon{
   margin-right:5px !important;
   height:20px;
   }

.MapInfStyle01{
   width:70%;
   font-size:16px;
   margin-left:auto;
   margin-right:auto;
   }

.MapInfStyle01 th,.MapInfStyle01 td{
   padding-top:12px;
   padding-bottom:12px;
   text-align:center;
   }

.MapInfStyle01 th{
   width:140px;
   padding-right:30px
   font-weight:bold;
   text-align:left;
   }


.MapInfStyle02{
   width:70%;
   margin-left:auto;
   margin-right:auto;
   }

.MapInfUL{
   padding-top:6px;
   padding-bottom:30px;
   }

.MapInfLI{
   display: flex;
   }


.MapInfItem{
   width:150px;
   font-size:18px;
   font-weight:bold;
   text-align:left;
   }

.MapInfValie{
   font-size:18px;
   font-weight:normal;
   text-align:left;
   }

}  /*** PC End ***/





/*■■■  ■■■*/
/*=== SP ===*/

/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){
}  /*** PC End ***/





/*■■■ main section 8 ■■■*/
/*=== SP ===*/

.NewsBox{
   margin-bottom:20px;
   margin-left:20px;
   margin-right:20px;
text-align:left;

   }

.NewsItems{
   display:block;
   height:auto;
   line-height:18px;
   margin-bottom:12px;
   }

.newsDate{
   display:inline-block;
   width:100px;
   font-size:15px;
   text-align:left;
   }

.newsMark{
   display:inline-block;
   display:inline;
   width:100px;
   background-color:#F8E8E9;
   font-size:15px;
   text-align:left;
   vertical-align:middle;
   }

.newsTitle{
   display:block;
   margin-left:0px;
   font-size:15px;
   vertical-align:middle;
   margin-bottom:20px;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.NewsBox{
   margin-bottom:40px;
   margin-left:0px;
   margin-right:0px;
text-align:start;
   }

.NewsItems{
   display:flex;
   height:18px;
   line-height:18px;
   margin-bottom:12px;
   }


.newsDate{
   display:block;
   width:100px;
   font-size:12px;
   justify-content:center;
   }

.newsMark{
   display:block;
   width:90px;
   background-color:#F8E8E9;
   font-size:14px;
   text-align:center;
   vertical-align:middle;
   }

.newsTitle{
   display:block;
   margin-left:16px;
   font-size:16px;
   vertical-align:middle;
   }



}  /*** PC End ***/





/*■■■ main section 9 ■■■*/
/*=== SP ===*/
.msInfoBox{
   width:92%;
   border-width:1px;
   border-style:solid;
   border-color:#BA2635;
   overflow:hidden;
margin-top:20px;
margin-bottom:20px;
background-color:#FFFFFF;

   margin-left:auto;
   margin-right:auto;
   }

.msInfoBoxTop{
   padding:16px 16px;
   background-color:#BA2635;
   }


.msgContact01{
   display:inline-block;
   line-height:30px;
   letter-spacing:0;
   vertical-align:baseline;
   color:#FFFFFF;
   font-size:20px;
   font-weight:bold;
   }

.msgContact02{
   display:inline-block;
   margin-left:12px;
   vertical-align:baseline;
   font-size:14px;
   font-weight:normal;
   color:#FFFFFF;
   }


.msInfoBoxSec{
padding:20px;
text-decoration:underline;
   }

.msInfoTelBox{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   }


.msgContactTel{
   display:block;
   position:relative;
   padding-top:5px;
   float:right;
   margin-left:15px;
   line-height:1.5;
   letter-spacing:0;
   margin-bottom:10px;
   }


.contactTelIcon{
   position:absolute;
   top:6px;
   left:0;
   width:16px;
   }


.cntTel01{
   margin-left:25px;
   font-size:14px;
   font-weight:bold;
   }

.cntTel02{
   margin-left:25px;
   font-size:14px;
   font-weight:normal;
   }


.msInfoMailBox{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   }

.msgContactMail{
   position:relative;
   padding-top:5px;
   float:right;
   margin-left:15px;
   line-height:1.5;
   letter-spacing:0;
   }


.contactMailIcon{
   position:absolute;
   top:8px;
   left:0;
width:18px;
   }

.cntMail01{
margin-left:24px;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.msInfoBox{
   width:100%;
   border-width:1px;
   border-style:solid;
   border-color:#BA2635;
   overflow:hidden;
   margin-top:60px;
   margin-bottom:60px;
   background-color:#FFFFFF;
   margin-left:auto;
   margin-right:auto;
   }

.msInfoBoxTop{
   padding:16px 40px;
   background-color:#BA2635;
   }

.msgContact01{
   display:inline-block;
   line-height:30px;
   letter-spacing:0;
   vertical-align:baseline;
   color:#FFFFFF;
   font-size:20px;
   font-weight:bold;
   }

.msgContact02{
   display:inline-block;
   margin-left:20px;
   vertical-align:baseline;
   color:#FFFFFF;
   }


.msInfoBoxSec{
   padding:40px;
   text-decoration:underline;
   }


.msInfoTelBox{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   }



.msgContactTel{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   position:relative;
   padding-top:5px;
   float:right;
   margin-left:15px;
   line-height:1.5;
   letter-spacing:0;
   margin-bottom:20px !important;
   }



.contactTelIcon{
   position:absolute;
   top:6px;
   left:0;
width:26px;
   }

.cntTel01{
   margin-left:32px;
   font-size:18px;
   font-weight:bold;
   }

.cntTel02{
   margin-left:32px;
   font-size:18px;
   font-weight:normal;
   }


.msInfoMailBox{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   }




.msgContactMail{
   position:relative;
   padding-top:5px;
   float:right;
   margin-left:15px;
   line-height:1.5;
   letter-spacing:0;
   }



.contactMailIcon{
   position:absolute;
   top:8px;
   left:0;
width:26px;
   }

.cntMail01{
margin-left:35px;
font-size:18px;
   }



}  /*** PC End ***/




/*■■■ Next Page[Room] ■■■*/

/*=== SP ===*/

.NxtPgBlock01{
   width:100vw;
   text-align:center;
   }

.NxtPgBlock02{
   width:100%;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   padding:0;
   }



.NxtPgBlock03{
   width:100vw;
   text-align:left;
   }


.NxtPgBlock04{
   width:100%;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   padding:0;
   }







.CrumbNav{
   margin-bottom:16px !important;
   }

.CrumbNav li{
   display:inline;
   }

.CrumbNav li+li:before{
   content:"＞";margin:0 7px;
   }

.CrumbNav li a{
   display:inline-block;color:#2E518B;
   }

.CrumbNav li a:hover{
   text-decoration:underline;
   }


.PageTitle{
   line-height:1.5;
   letter-spacing:0;
   margin-bottom:10px;
   text-align:center;
   color:#333333;
   font-size:26px;
   font-weight:bold;
   }

.PageTitleImg{
   position:relative;
   overflow:hidden;
   max-width:100%;
   width:1000px;
   height:200px;
   margin-bottom:20px;
   }

.PageTitleImg img{
   position:absolute;
   height:70%;
   top:50%;
   left:50%;
   -webkit-transform:translate(-50%, -50%);
   -ms-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%);
   }


.NxtCntTopMsg1{
   position:relative;
   line-height:1.5;
   margin-bottom:24px;
   letter-spacing:0.1em;
   text-align:center;
   font-size:14px;
   font-weight:bold;
   }


.NxtCntTopMsg2{
   position:relative;
   margin-bottom:32px !important;
   text-align:center;
   font-size:16px;
   }


.cntDivBlock01>ul>li:not(:last-child){
   margin-bottom:10px;
   padding-bottom:10px;
   border-bottom:1px solid #CCCCCC;
   }

.cntUlBlock01{
   }

.cntLiBlock01{
   border-bottom:1px solid #CCCCCC;
   }

.txtTblBox01{
   width: 100%;
   }


.txtBox02{
   position:relative;
   margin-bottom:16px;
   line-height:2.0;
   letter-spacing:0.1em;
   font-size:20px;
   font-weight:bold;
   text-align:center;
   }


.txtBox03{
   position:relative;
   margin-bottom:10px;
   line-height:0.5;
   letter-spacing:0.0em;
   font-size:14px;
   font-weight:bold;
   color:red;
   text-align:center;
   }



.txtBox03-2{
   position:relative;
   margin-bottom:10px;
   line-height:0.5;
   letter-spacing:0.0em;
   font-size:14px;
   font-weight:bold;
   color: #000;
   text-align:center;
   }


.txtBox04{
   margin-left:20px;
   margin-right:20px;
   margin-bottom:32px !important;
   font-size:14px;
   font-weight:bold;
   font-weight:550;
   text-align: center;
   text-align: left;
   }

.txtBox05{
   font-size:20px; 
   font-weight:bold;
   margin-bottom:32px;
   text-align:center;
   line-height: 2.0;
   letter-spacing:0.1em;
   }





.txtTbl01{
   width:96%;
   margin-bottom:32px !important;
   font-size:14px;
   margin: 0;
   padding: 0;
   border-collapse: collapse;
   border-spacing: 0;
   margin-top: 1em;
   border: 1px solid #ccc;
   margin: 0 auto;
   }


.txtTbl01 th{
   width:150px;
   padding-right:40px;
   padding-top:12px;
   padding-bottom:12px;
   font-weight: normal;
   text-align: left;
   padding: 0.2em 0.5em;
   background-color: #f3f3f3;
   border: 1px solid #ccc;
   }

.txtTbl01 td{
   padding-top:12px;
   padding-bottom:12px;
   padding: 0.5em;
   border: 1px solid #ccc;
   }


.txtTbl01 tr:nth-child(odd) td {
   background-color:#fff;
   }

.txtTbl01 tr:nth-child(even) td { 
   background-color:#fafafa;
   }

.txtTbl01 caption {
   width: 100%;
   padding-bottom: 0.2em;
   text-align: left;
   }

.txtTbl01 table th *,
.txtTbl01 table td * {
   margin-top: 0;
   }



.liImgBlock{
   width:100%;
   margin-bottom:16px !important;
   }

.liImgBlock li{
   display:inline-block;
   cursor:pointer;
   width:10px;
   height:5px;
   margin-right:12px;
   }

.liImgBlock li:not(.selected){
   border:none;
   }

.liImgBlock li:hover{
   opacity:0.6;
   }

.liImgBlock a:hover{
   opacity:0.6;
   }



/*--- action slider ---*/
.selSliderRM01,
.selSliderRM02,
.selSliderRM03,
.selSliderRM04{
   width:100%;
   margin-bottom:24px;
   }

.selSliderFD01,
.selSliderFD02{
   width:100%;
   margin-bottom:24px;
   }

.selSliderRM01 .imgSld,
.selSliderRM02 .imgSld,
.selSliderRM03 .imgSld,
.selSliderRM04 .imgSld{
   width:100%;
   height:180px;    /* 画像の高さ調整 */
   object-fit:cover;
   }

.selSliderFD01 .imgSld,
.selSliderFD02 .imgSld{
   width:100%;
   height:180px;    /* 画像の高さ調整 */
   object-fit:cover;
   }

.selSliderRM01-nav,
.selSliderRM02-nav,
.selSliderRM03-nav,
.selSliderRM04-nav{
   display:inline-block;
   width:100%;
   height:60px;    /* ブロック高さ調整 */
   object-fit:cover;
   }

.selSliderFD01-nav,
.selSliderFD02-nav{
   display:inline-block;
   width:100%;
   height:60px;    /* ブロック高さ調整 */
   object-fit:cover;
   }

.selSliderRM01-nav .slick-current{opacity:0.5;}
.selSliderRM02-nav .slick-current{opacity:0.5;}
.selSliderRM03-nav .slick-current{opacity:0.5;}
.selSliderRM04-nav .slick-current{opacity:0.5;}
.selSliderFD01-nav .slick-current{opacity:0.5;}
.selSliderFD02-nav .slick-current{opacity:0.5;}

.selSliderRM01-nav .imgThm{margin-right:10px; margin-left:10px; height:40px;}
.selSliderRM02-nav .imgThm{margin-right:10px; margin-left:10px; height:40px;}
.selSliderRM03-nav .imgThm{margin-right:10px; margin-left:10px; height:40px;}
.selSliderRM04-nav .imgThm{margin-right:10px; margin-left:10px; height:40px;}
.selSliderFD01-nav .imgThm{margin-right:10px; margin-left:10px; height:40px;}
.selSliderFD02-nav .imgThm{margin-right:10px; margin-left:10px; height:40px;}


/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.NxtPgBlock01{
   width:100%;
   text-align:left;
   }

.NxtPgBlock02{
   width:1200px;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   padding:0;
   }




.NxtPgBlock03{
   width:100%;
   text-align:left;
  }




.NxtPgBlock04{
   width:90%;
   width:1200px;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   padding:0;
   }





.CrumbNav{
   margin-bottom:16px !important;
   }

.CrumbNav li{
   display:inline;
   }

.CrumbNav li+li:before{
   content:"＞";margin:0 7px;
   }

.CrumbNav li a{
   display:inline-block;color:#2E518B;
   }

.CrumbNav li a:hover{
   text-decoration:underline;
   }


.PageTitle{
   line-height:1.5;
   letter-spacing:0;
   margin-bottom:10px;
   text-align:center;
   color:#333333;
   font-size:22px;
   font-weight:bold;
   }

.PageTitleImg{
   max-width:100%;
   overflow:hidden;
   position:relative;
   width:1200px;
   height:360px;
   margin-bottom:32px;
   }

.PageTitleImg img{
   position:absolute;
   height:80%;
   top:50%;
   left:50%;
   -webkit-transform:translate(-50%, -50%);
   -ms-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%);
   }



.NxtCntTopMsg1{
   position:relative;
   line-height:1.5;
   margin-bottom:24px;
   letter-spacing:0.1em;
   text-align:center;
   font-size:24px;
   font-weight:bold;
   }


.NxtCntTopMsg2{
   position:relative;
   margin-bottom:32px !important;
   text-align:center;
   font-size:16px;
   }



.cntDivBlock01>ul>li:not(:last-child){
   margin-bottom:64px;
   padding-bottom:64px;
   border-bottom:1px solid #CCCCCC;
   }

.cntUlBlock01{
   }

.cntLiBlock01{
   }

.txtTblBox01{
   width: 50%;
   margin: 0 auto;
   }

.txtBox02{
   position:relative;
   margin-bottom:24px;
   line-height:1.5;
   letter-spacing:0.1em;
   font-size:24px;
   font-weight:bold;
   text-align:center;
   }


.txtBox03{
   position:relative;
   margin-bottom:10px;
   line-height:1.5;
   letter-spacing:0.1em;
   font-size:20px;
   font-weight:bold;
   color:red;
   text-align:center;
   }

.txtBox03-2{
   position:relative;
   margin-bottom:10px;
   line-height:1.5;
   letter-spacing:0.1em;
   font-size:20px;
   font-weight:bold;
   color: #000;
   text-align:center;
   }




.txtBox04{
   margin-left:300px;
   margin-bottom:32px !important;
   font-size:16px;
   font-weight:normal;
   text-align: center;
   text-align: left;
   }

.txtBox05{
   font-size:24px; 
   font-weight:bold;
   margin-bottom:32px;
   text-align:center;
   line-height:3.0;
   letter-spacing:0.1em;
  }



.txtTbl01{
   width:100%;
   margin-bottom:32px !important;
   font-size:14px;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
margin-top: 1em;
border: 1px solid #ccc;
margin: 0 auto;
   }


.txtTbl01 th{
   width:220px;
   padding-right:40px;
   padding-top:12px;
   padding-bottom:12px;
font-weight: normal;
text-align: left;
padding: 0.2em 0.5em;
background-color: #f3f3f3;
border: 1px solid #ccc;
   }

.txtTbl01 td{
   padding-top:12px;
   padding-bottom:12px;
padding: 0.5em;
border: 1px solid #ccc;
   }


.txtTbl01 tr:nth-child(odd) td {
   background-color:#fff;
   }

.txtTbl01 tr:nth-child(even) td { 
   background-color:#fafafa;
   }


.txtTbl01 caption {
width: 100%;
padding-bottom: 0.2em;
text-align: left;
}

.txtTbl01 table th *,
.txtTbl01 table td * {
   margin-top: 0;
   }



/*--- action slider ---*/
.selSliderRM01,
.selSliderRM02,
.selSliderRM03,
.selSliderRM04{
   width:100%;
   margin-bottom:60px;
   }

.selSliderFD01,
.selSliderFD02{
   width:100%;
   margin-bottom:60px;
   }


.selSliderRM01 .imgSld,
.selSliderRM02 .imgSld,
.selSliderRM03 .imgSld,
.selSliderRM04 .imgSld{
   width:100%;
   height:500px;   /* 画像の高さ調整 */
   object-fit:cover;
   }

.selSliderFD01 .imgSld,
.selSliderFD02 .imgSld{
   width:100%;
   height:500px;   /* 画像の高さ調整 */
   object-fit:cover;
   }

.selSliderRM01-nav,
.selSliderRM02-nav,
.selSliderRM03-nav,
.selSliderRM04-nav{
   display:inline-block;
   width:100%;
   height:150px;    /* ブロック高さ調整 */
   object-fit:cover;
   }

.selSliderFD01-nav,
.selSliderFD02-nav{
   display:inline-block;
   width:100%;
   height:150px;    /* ブロック高さ調整 */
   object-fit:cover;
   }


.selSliderRM01-nav .slick-current{opacity:0.5;}
.selSliderRM02-nav .slick-current{opacity:0.5;}
.selSliderRM03-nav .slick-current{opacity:0.5;}
.selSliderRM04-nav .slick-current{opacity:0.5;}
.selSliderFD01-nav .slick-current{opacity:0.5;}
.selSliderFD02-nav .slick-current{opacity:0.5;}

.selSliderRM01-nav .imgThm{margin-right:10px; margin-left:10px; height:100px;}
.selSliderRM02-nav .imgThm{margin-right:10px; margin-left:10px; height:100px;}
.selSliderRM03-nav .imgThm{margin-right:10px; margin-left:10px; height:100px;}
.selSliderRM04-nav .imgThm{margin-right:10px; margin-left:10px; height:100px;}
.selSliderFD01-nav .imgThm{margin-right:10px; margin-left:10px; height:100px;}
.selSliderFD02-nav .imgThm{margin-right:10px; margin-left:10px; height:100px;}


}  /*** PC End ***/






/*=== SP ===*/
.msInfoBox01{
   width:100%;
   padding:0;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   }

.msInfoBox02{
   margin-top:30px;
   margin-bottom:30px;
   }

.msInfoBox02:last-child{
   margin-bottom:30px;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.msInfoBox01{
   width:1000px;
   padding:0;
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;
   }


.msInfoBox02{
   margin-top:32px;
   margin-bottom:32px;
   }

.msInfoBox02:last-child{
   margin-bottom:80px;
   }

}  /*** PC End ***/


/*■■■ Next Page[Food] ■■■*/

/*=== SP ===*/
.FoodListBox{
   border-style:solid;
   border-width:1px;
   border-color:#CCCCCC;
   padding:40px 20px 32px 20px;
   margin-bottom:32px;
   }


.FoodItemLisbBox{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-flow:column;
   flex-flow:column;
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;
   }

/*--- table ---*/
.FoodListTble{
   width:100%
   width:auto;
   margin-bottom:32px;
   }

.FoodListTble th{
   white-space:nowrap
   max-width:220px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right:10px;
   font-weight:bold;
   font-size: 14px;
   text-align: right;
   }

.FoodListTble td{
   padding-top: 4px;
   padding-bottom: 4px;
   font-size: 16px;
   text-align: left;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.FoodListBox{
   border-style:solid;
   border-width:1px;
   border-color:#CCCCCC;
   padding:40px 60px 32px 60px;
   margin-bottom:32px;
   }

.FoodItemLisbBox{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-flow:column;
   flex-flow:column;
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;
   }

/*--- table ---*/
.FoodListTble{
   width:100%
   width:auto;
   margin-bottom:32px;
   }

.FoodListTble th{
   white-space:nowrap
   max-width:220px;
   padding-top: 8px;
   padding-right:40px;
   padding-bottom: 8px;
   font-weight:bold;
   font-size: 18px;
   text-align: right;
   }

.FoodListTble td{
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 18px;
   text-align: left;
   }


}  /*** PC End ***/



/*■■■ Next Page[] ■■■*/

/*=== SP ===*/

/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


}  /*** PC End ***/



/*■■■ Next Page[] ■■■*/

/*=== SP ===*/

/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


}  /*** PC End ***/



/*■■■ Next Page[] ■■■*/

/*=== SP ===*/

/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


}  /*** PC End ***/



/*■■■ Next Page[] ■■■*/

/*=== SP ===*/

/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


}  /*** PC End ***/










/*■■■ Next Page[Stay] ■■■*/
/*=== SP ===*/

.StyBox{
   display:block;
   text-align:left;
   margin-bottom:40px !important;
   }


.StyBoxA{
   display: block;
   text-align: center;
   padding-bottom: 30px;
   font-size:16px;
   font-weight: bold;
   }
.StyBoxB{
   display: block;
   }
.StyBoxB-1{
   position:relative;
   margin-right:32px;
   }



.StyBoxB-1 img{
   width:90%;
   height:360px;
   max-height:360px;
   vertical-align:top;
border-radius: 5%;      /* コーナー丸め */
   }



.StyBoxB-1 li:hover{
   opacity:0.6;
   }


.StyBoxB-1 a:hover{
   opacity:0.6;
   }


.StyBoxB-2{
   padding-top: 20px;
   padding-left: 20px;
   font-size:16px;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.StyBox{
   display:block;
   text-align:left;
   margin-bottom:40px !important;
   }


.StyBoxA{
   display: block;
   text-align: center;
   padding-bottom: 30px;
   font-size:24px;
   font-weight: normal;
   }

.StyBoxB{
   display: flex;
   }
.StyBoxB-1{
   position:relative;
   margin-right:32px;
   }


.StyBoxB-1 img{
   width:480px;
   height:360px;
   max-height:360px;
   -ms-flex:0 0 480px;
   overflow:hidden;
   -webkit-box-flex:0;
   flex:0 0 480px;
   vertical-align:top;
border-radius: 5%;      /* コーナー丸め */

   }


.StyBoxB-1 li:hover{
   opacity:0.6;
   }


.StyBoxB-1 a:hover{
   opacity:0.6;
   }




.StyBoxB-2{
   padding-top: 20px;
   font-size:20px;
   }












}  /*** PC End ***/




/*■■■ Next Page[RoomInf]   ■■■*/
/*=== SP ===*/

.roomInfBox{
   width: 950%;
   max-width: 95%;
   margin-top:    20px;
   margin-bottom: 50px;
   margin-left:   auto;
   margin-right:  auto;
   border: 1px solid #aaa;
   border-radius: 15px;
   overflow: hidden;  /* はみ出し防止 */
   overflow-x: hidden;  /* はみ出し防止 */
   }

.rmInfFrame{
   display: block;
   width: 100%;
   height: 1000px;
   border: none;
   overflow-x: hidden;
   padding-left:   5px;
   padding-right:  5px;
   }




/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.roomInfBox{
   width: 100%;
   max-width: 100%;
   margin-top:    20px;
   margin-bottom: 50px;
   margin-left:   auto;
   margin-right:  auto;
   border: 1px solid #aaa;
   border-radius: 15px;
   overflow: hidden;  /* はみ出し防止 */
   overflow-x: hidden;  /* はみ出し防止 */
   }

.rmInfFrame{
   display: block;
   width: 100%;
   height: 1000px;
   border: none;
   overflow-x: hidden;
   padding-left:   30px;
   }





}  /*** PC End ***/










/*■■■ Next Page[Access] ■■■*/

/*--- Bus time table ---*/

/*=== SP ===*/


.bus_contbox{
   overflow-x: auto;
   white-space: nowrap;
   margin: 10px 10px;
   }

.bus_caption{
   width: 340px;
   padding: 10px;
   margin-bottom: 0px;
   background: #333;
   font-weight: bold;
   color: #fff;
   text-align: center;
   }

.bus_table{
   display: flex;
   flex-direction: row;
   border-collapse: collapse;
   border: 2px solid #333;
   width: max-content;
   }

.bus_table thead{
   }

.bus_table thead tr{
   display: flex;
   flex-direction: column;
   background: #f2f2f2;
   }

.bus_table thead th{
   border: 1px solid #ccc;
text-align: center;
   }

.bus_table tbody{
   display: flex;
   flex-direction: row;
   }

.bus_table tbody tr{
   display: flex;
   flex-direction: column;
   }

.bus_table tbody td{
   border: 1px solid #ccc;
text-align: center;
   }

.bus_table .stop_name {
   text-align: left;
text-align: center;

   background-color: #fafafa;
   font-weight: bold;
   }

.bus_table tbody tr:nth-child(even){
   background-color: #fafafa;
   }



.bus_table .th_wd_se{
   width: 61px;
   }

.bus_table .td_wd_st1{
   width: 135px;
   text-align: center;
   background-color: #fafafa;
   font-weight: bold;
   }

.bus_table .td_wd_st2{
   width: 135px;
   text-align: center;
   background-color: #fafafa;
   font-weight: bold;
   }

.bus_table .th_wd_bn{
   width: 61px;
   }

.bus_table .td_wd_tm1{
   width: 135px;
   }

.bus_table .td_wd_tm2{
   width: 135px;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){



/*======*/

.bus_contbox{
   overflow-x: auto;
   white-space: nowrap;
   margin: 20px 0;
   }

.bus_caption{
   padding: 10px;
   margin-bottom: 0px;
   background: #333;
   font-weight: bold;
   color: #fff;
   text-align: center;
   width: 855px;
   }

.bus_table{
   display: table;
table-layout: fixed;
width: 100%;
   flex-direction: row;
   border-collapse: collapse;
   border: 2px solid #333;
   min-width: 600px;
   width: max-content;
   }

.bus_table thead{
   }

.bus_table thead tr{
   display: table;
   flex-direction: row;
   background: #f2f2f2;
   }

.bus_table thead th{
   display: table-cell;
   border: 1px solid #ccc;

padding: 12px 8px;
text-align: center;

   }

.bus_table tbody{
   display: table;
   flex-direction: row;
   }

.bus_table tbody tr{


   display: table;
   flex-direction: row;
   }

.bus_table tbody td{

   display: table-cell;



   border: 1px solid #ccc;

padding: 12px 8px;
text-align: center;

   }

.bus_table .stop_name {
   text-align: left;
   background-color: #fafafa;
   font-weight: bold;
   }


.bus_table tbody tr:nth-child(even){
   background-color: #fafafa;
   }


.bus_table .th_wd_se{
   width: 250px;
   }

.bus_table .td_wd_st1{
   width: 250px;
   text-align: left;
   background-color: #fafafa;
   font-weight: bold;
   }

.bus_table .td_wd_st2{
   width: 250px;
   text-align: left;
   background-color: #fafafa;
   font-weight: bold;
   }

.bus_table .th_wd_bn{
   width: 100px;
   }

.bus_table .td_wd_tm1{
   width: 100px;
   }

.bus_table .td_wd_tm2{
   width: 100px;
   }






}  /*** PC End ***/






/*■■■ Next Page[Gallery] ■■■*/

/*=== SP ===*/
.GalleryTitle{
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   font-size:20px;
   font-weight: normal;
   }


.GalleryBox{
   display:block;
   }

.GalleTopBox{
   display: block;
   width:90%;
   margin-right:auto;
   margin-left:auto;
   vertical-align:center;
   }

.GalleTopBox img{
   width:100%;
   height:auto;
   border-radius: 5%;      /* コーナー丸め */
   }


/*--- Box 01 ---*/
.Galle2ndBox01{
   display: block;
   width: 90%;
   margin-right:auto;
   margin-left:auto;
   vertical-align:center;
   }


.Galle2ndInBox01{
   display:block;
   display:flex;
   margin-top: 0px;
   margin-bottom: 10px;
   }


.Galle2ndInImg01{
   display:flex;
   flex: 1;
   }

.Galle2ndInImg01 a{
   width: 120px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   margin-top:auto;
   margin-bottom:auto;
   }

.Galle2ndInImg01 a img{
   width: 120px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   border-radius: 15%;      /* コーナー丸め */
   }





/*--- Box 02 ---*/
.Galle2ndBox02{
   display: block;
   width: 90%;
   margin-right:auto;
   margin-left:auto;
   vertical-align:center;
   }


.Galle2ndInBox02{
   display:block;
   display:flex;
   margin-top: 0px;
   margin-bottom: 10px;
   }

.Galle2ndInImg02{
   display:flex;
   flex: 1;
   }

.Galle2ndInImg02 a{
   width: 120px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   margin-top:auto;
   margin-bottom:auto;
   }

.Galle2ndInImg02 a img{
   width: 120px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   border-radius: 15%;      /* コーナー丸め */
   }


/*--- Box 03 ---*/
.Galle2ndBox03{
   display: flex;
   width: 90%;
   margin-right:auto;
   margin-left:auto;
   vertical-align:center;
   }

.Galle2ndInBox03{
   display:block;
   flex: 1;
   margin-top: 0px;
   margin-bottom: 10px;
   }


.Galle2ndInImg03{
   display:block;
   flex: 1;
   }

.Galle2ndInImg03 a{
   width: 120px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   margin-top:auto;
   margin-bottom:auto;
   }


.Galle2ndInImg03 a img{
   width: 120px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   border-radius: 15%;      /* コーナー丸め */
   }



/*--- Box 04 ---*/
.Galle2ndBox04{
   display: flex;
   width: 90%;
   margin-right:auto;
   margin-left:auto;
   vertical-align:center;
   }


.Galle2ndInBox04{
   display:block;
   flex: 1;
   margin-top: 0px;
   margin-bottom: 10px;
   }


.Galle2ndInImg04{
   display:block;
   flex: 1;
   }

.Galle2ndInImg04 a{
   width: 120px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   margin-top:auto;
   margin-bottom:auto;
   }


.Galle2ndInImg04 a img{
   width: 120px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   border-radius: 15%;      /* コーナー丸め */
   }




















/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.GalleryTitle{
   display: block;
   padding-top: 20px;
   padding-bottom: 20px;
   text-align: center;
   font-size:28px;
   font-weight: normal;
   }


.GalleryBox{
   display:flex;
   }

.GalleTopBox{
   display: flex;
   width:70%;
   width:1000px;
   margin-right:10px;
   margin-left:0px;
   text-align: center;
   align-items: center;
   justify-content: center;
   vertical-align:middle;
   }

.GalleTopBox img{
   display: block;
   width:100%;
   height:100%;
   margin-right:auto;
   margin-left:auto;
   border-radius: 5%;      /* コーナー丸め */
   }













/*--- Box 01 ---*/
.Galle2ndBox01{
   display: block;
   width:55%;
   width:1100px;
   align-items:center;
   justify-content:center;
   margin-top:auto;
   margin-bottom:auto;
   }


.Galle2ndInBox01{
   display:block;
   display:flex;
   margin-top: 20px;
   margin-bottom: 20px;
   }

.Galle2ndInImg01{
   display:flex;
   flex: 1;
   }


.Galle2ndInImg01 a{
   width: 300px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   margin-top:auto;
   margin-bottom:auto;
   }

.Galle2ndInImg01 a img{
   width: 300px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   border-radius: 15%;      /* コーナー丸め */
   }





/*--- Box 02 ---*/
.Galle2ndBox02{
   display: block;
   width:55%;
   width:1100px;
   align-items:center;
   justify-content:center;
   margin-top:auto;
   margin-bottom:auto;
   }


.Galle2ndInBox02{
   display:block;
   display:flex;
   margin-top: 20px;
   margin-bottom: 20px;
   }

.Galle2ndInImg02{
   display:flex;
   flex: 1;
   }


.Galle2ndInImg02 a{
   width: 220px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   margin-top:auto;
   margin-bottom:auto;
   }


.Galle2ndInImg02 a img{
   width: 220px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   border-radius: 15%;      /* コーナー丸め */
   }


/*--- Box 03 ---*/
.Galle2ndBox03{
   display: block;
   width:55%;
   width:1100px;
   align-items:center;
   margin-top:auto;
   margin-bottom:auto;
   vertical-align:center;
   justify-content:center;
   }


.Galle2ndInBox03{
   display:flex;
   margin-top: 10px;
   margin-bottom: 10px;
   }


.Galle2ndInImg03{
   display:flex;
   flex: 1;
   }


.Galle2ndInImg03 a{
   width: 220px;
width: 160px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   margin-top:auto;
   margin-bottom:auto;
   }


.Galle2ndInImg03 a img{
   width: 220px;
width: 160px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   border-radius: 15%;      /* コーナー丸め */
   }



/*--- Box 04 ---*/
.Galle2ndBox04{
   display: block;
   width:55%;
   width:1100px;
   align-items:center;
   margin-top:auto;
   margin-bottom:auto;
   vertical-align:center;
   justify-content:center;
   }

.Galle2ndInBox04{
   display:flex;
   margin-top: 10px;
   margin-bottom: 10px;
   }


.Galle2ndInImg04{
   display:flex;
   flex: 1;
   }


.Galle2ndInImg04 a{
   width: 130px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   margin-top:auto;
   margin-bottom:auto;
   }


.Galle2ndInImg04 a img{
   width: 130px;
   height: auto;
   margin-right:auto;
   margin-left:auto;
   border-radius: 15%;      /* コーナー丸め */
   }



}  /*** PC End ***/



/*■■■ Next Page[News] ■■■*/

/*=== SP ===*/

.NewsTitle{
   line-height:1.5;
   letter-spacing:0;
   margin-top:10px;
   margin-bottom:20px;
   text-align:center;
   color:#333333;
   font-size:22px;
   font-weight:bold;
   }


.NewsListUL01{
   margin-bottom: 30px;
   }

.NewsListLI01:not(:last-child){
   border-bottom: 3px solid #ddd;
   margin-bottom: 5px;
  }


.NewsListLI01{
   border-bottom: 3px solid #ddd;
   margin-bottom: 5px;
  }




.NewsBox02{
   margin-bottom:5px;
   margin-left:20px;
   margin-right:20px;
   text-align:left;
   }

.NewsItems02{
   display:block;
   height:auto;
   line-height:18px;
   margin-bottom:0px;
   }

.newsDate02{
   display:inline-block;
   width:100px;
   font-size:15px;
   text-align:left;
   }

.newsMark02{
   display:inline-block;
   display:inline;
   width:100px;
   background-color:#F8E8E9;
   font-size:16px;
   text-align:left;
   vertical-align:middle;
   }

.newsTitle02{
   display:block;
   margin-left:0px;
   font-size:15px;
   vertical-align:middle;
   margin-bottom:0px;
   }




/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.NewsTitle{
   line-height:1.5;
   letter-spacing:0;
   margin-top:30px;
   margin-bottom:50px;
   text-align:center;
   color:#333333;
   font-size:22px;
   font-weight:bold;
   }



.NewsListUL01{
   margin-bottom: 50px;
   }

.NewsListLI01:not(:last-child){@
   border-bottom: 3px solid #ddd;
   margin-bottom: 15px;
  }

.NewsListLI01{
   border-bottom: 3px solid #ddd;
   margin-bottom: 5px;
  }



.NewsBox02{
   margin-bottom:15px;
   margin-left:0px;
   margin-right:0px;
   text-align:start;
   }

.NewsItems02{
   display:flex;
   height:18px;
   line-height:18px;
   margin-bottom:0px;
   }

.newsDate02{
   display:block;
   width:100px;
   font-size:12px;
   justify-content:center;
   }

.newsMark02{
   display:block;
   width:90px;
   background-color:#F8E8E9;
   font-size:14px;
   text-align:center;
   vertical-align:middle;
   }

.newsTitle02{
   display:block;
   margin-left:16px;
   font-size:16px;
   vertical-align:middle;
   margin-bottom:0px;
   }



}  /*** PC End ***/



/*■■■ Next Page[FAQ] ■■■*/

/*=== SP ===*/




/*--- FAQ details ---*/

.FAQ_details{
   max-width: 900px;           /* FAQボックスの幅 */
   margin-bottom: 7px;
   border: 2px solid #BA2635;   /* 線の色 */
   border-radius: 25px;
   }

.FAQ_details summary{
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   padding: 10px 10px;

   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><circle cx="14" cy="14" r="14" fill="%23BA2635"/></svg>');
   background-position: right calc(2em - 7px) center;
   background-size: 22px;
   background-repeat: no-repeat;
   color:#777777;     /* 文字の色 */
   font-weight: 600;
   cursor: pointer;
   }

.FAQ_details summary::-webkit-details-marker{
   display: none;
   }

.FAQ_details summary::before,
.FAQ_details summary::after {
   position: absolute;
   right: calc(2em + 2.5px);
   width: 3px;
   height: 10px;
   border-radius: 5px;
   background-color: #fff;
   content: '';
   }

.FAQ_details summary::before{
   rotate: 90deg;
   }

.FAQ_details summary::after{
   transition: rotate .3s;
   }

.FAQ_details[open] summary::after{
   rotate: 90deg;
   }

.FAQ_details p {
   transform: translateY(-10px);
   opacity: 0;
   margin: 0;
   padding: 15px 30px;
   color: #330b0b;
   transition: transform .5s, opacity .5s;
   }

.FAQ_details[open] p {
   transform: none;
   opacity: 1;
   }


.FAQ_details > div {
   transform: translateY(-10px);
   opacity: 0;
   margin: 0;
   padding: 15px 10px;
   color: #330b0b;
   transition: transform .5s, opacity .5s;
   }

.FAQ_details[open] > div {
   transform: none;
   opacity: 1;
   }


/*--- FAQ box ---*/
.FAQ_Q_box{
   display: block;
   }


.FAQ_Q_Topline{
   display: flex;
   }


.FAQ_Q_icon{
   margin: 0px 5px;
   }


.FAQ_Q_icon img{
   position:relative;
   top:0;
   left:0;
   width: 26px;
   border-radius: 15%;
   }


.FAQ_Q_msg{
   padding-right: 40px;
   text-align: left;
   }


.FAQ_Q_2ndline{
   }

.FAQ_Q_2ndline img{
   width: 280px;
   height: auto;
   border-radius: 15%;
   }




.FAQ_Abox{
   display: block;
   }


.FAQ_A_Topline{
   display: flex;
   margin-bottom: 20px;
   }


.FAQ_A_icon{
   margin: 0px 10px;
   }

.FAQ_A_icon img{
   position:relative;
   top:0;
   left:0;
   width: 26px;
   border-radius: 15%;
   }


.FAQ_A_msg{
   padding-right: 20px;
   text-align: left;
   }


.FAQ_A_2ndline{
   margin-left: 0px;
   }


.FAQ_A_2ndline img{
   width: 280px;
   height: auto;
   border-radius: 15%;
   }


/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){



/*--- FAQ details ---*/

.FAQ_details{
   max-width: 1200px;           /* FAQボックスの幅 */
   margin-bottom: 7px;
   border: 2px solid #BA2635;   /* 線の色 */
   border-radius: 25px;
   }

.FAQ_details summary{
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   padding: 15px 30px;
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><circle cx="14" cy="14" r="14" fill="%23BA2635"/></svg>');
   background-position: right calc(2em - 7px) center;
   background-size: 22px;
   background-repeat: no-repeat;
   color:#777777;     /* 文字の色 */
   font-weight: 600;
   cursor: pointer;
   }

.FAQ_details summary::-webkit-details-marker{
   display: none;
   }

.FAQ_details summary::before,
.FAQ_details summary::after {
   position: absolute;
   right: calc(2em + 2.5px);
   width: 3px;
   height: 10px;
   border-radius: 5px;
   background-color: #fff;
   content: '';
   }

.FAQ_details summary::before{
   rotate: 90deg;
   }

.FAQ_details summary::after{
   transition: rotate .3s;
   }

.FAQ_details[open] summary::after{
   rotate: 90deg;
   }

.FAQ_details p {
   transform: translateY(-10px);
   opacity: 0;
   margin: 0;
   padding: 15px 30px;
   color: #330b0b;
   transition: transform .5s, opacity .5s;
   }

.FAQ_details[open] p {
   transform: none;
   opacity: 1;
   }


.FAQ_details > div {
   transform: translateY(-10px);
   opacity: 0;
   margin: 0;
   padding: 15px 30px;
   color: #330b0b;
   transition: transform .5s, opacity .5s;
   }

.FAQ_details[open] > div {
   transform: none;
   opacity: 1;
   }


/*--- FAQ box ---*/
.FAQ_Q_box{
   display: block;
   }


.FAQ_Q_Topline{
   display: flex;
   }


.FAQ_Q_icon{
   margin: 0px 10px;
   }


.FAQ_Q_icon img{
   position:relative;
   top:0;
   left:0;
   width: 26px;
   border-radius: 15%;
   }


.FAQ_Q_msg{
   padding-right: 40px;
   text-align: left;
   }


.FAQ_Q_2ndline{
   }


.FAQ_Q_2ndline img{
   width: 350px;
   height: auto;
   border-radius: 15%;
   }


.FAQ_Abox{
   display: flex;
   }


.FAQ_A_Topline{
   display: flex;
   margin-bottom: 20px;
   }


.FAQ_A_icon{
   margin: 0px 10px;
   }

.FAQ_A_icon img{
   position:relative;
   top:0;
   left:0;
   width: 26px;
   border-radius: 15%;
   }


.FAQ_A_msg{
   padding-right: 20px;
   text-align: left;
   }


.FAQ_A_2ndline{
   margin-left: 50px;
   }

.FAQ_A_2ndline img{
   width: 400px;
   height: auto;
   border-radius: 15%;
   }


}  /*** PC End ***/



/*■■■ Next Page[Guide] ■■■*/

/*=== SP ===*/

.GuideTitle{
   line-height:1.5;
   letter-spacing:0;
   margin-top:10px;
   margin-bottom:20px;
   text-align:center;
   color:#333333;
   font-size:22px;
   font-weight:bold;
   }


.GuideBox{
   display:block;
   text-align:left;
   margin-bottom:20px !important;
   }

.GuideBoxA{
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   font-size:24px;
   font-weight: normal;
   }


.GuideBoxB{
   display: block;
   text-align: center;
   }


.GuideBoxB img{
   display: block;
   width:90%;
   height:100%;
   max-height:360px;
   vertical-align:top;
   margin-right:auto;
   margin-left:auto;
   border-radius: 5%;      /* コーナー丸め */
   }


.GuideBoxC{
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   }







/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){


.GuideTitle{
   line-height:1.5;
   letter-spacing:0;
   margin-top:30px;
   margin-bottom:30px;
   text-align:center;
   color:#333333;
   font-size:22px;
   font-weight:bold;
   }


.GuideBox{
   display:block;
   text-align:left;
   margin-bottom:20px !important;
   }

.GuideBoxA{
   display: block;
   padding-top: 20px;
   padding-bottom: 20px;
   text-align: center;
   font-size:24px;
   font-weight: normal;
   }

.GuideBoxB{
   position:relative;
   margin-right:32px;
   }

.GuideBoxB img{
   width:480px;
   height:100%;
   max-height:360px;
   -ms-flex:0 0 480px;
   overflow:hidden;
   -webkit-box-flex:0;
   flex:0 0 480px;
   vertical-align:top;
   margin-right:auto;
   margin-left:auto;
   border-radius: 5%;      /* コーナー丸め */
   }


.GuideBoxC{
   display: block;
   padding-top: 20px;
   padding-bottom: 20px;
   text-align: center;
   }




















}  /*** PC End ***/























/*■■■ Footer block ■■■*/
/*=== SP ===*/

.footerContBox{
   display:flex;
   justify-content:center;
margin-bottom: 20px;
text-align: center;
   }
.footerContBoxA{
   display:block;
text-align: center;
   }

.footerContBoxB{
   display:block;
   }


.footerContMenu1{
   width:170px;
   border-right:1px solid;
   text-align: left;
text-align: right;
   padding: 0px 10px;
   }

.footerContMenu2{
   width:170px;
   border-right:1px solid;
   text-align: left;
text-align: right;
   padding: 0px 10px;
   }
.footerContMenu3{
   width:170px;
   border-right:0px solid;
   text-align: left;
   padding: 0px 10px;
   }

.footerContMenu4{
   width:170px;
   border-right:0px solid;
   text-align: left;
   padding: 0px 10px;
   }



.footerMenuItem{
   font-size:14px;
   }

.footerMenuItem a:hover{
   text-decoration:underline;
   opacity:0.6;
   }


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


.footerSygBox{
   display:block;
   padding:10px 20px;
   }

.footerSygBoxIn1{
   display:block;
   }

.footerName{
    /*  footMSname_R01*/
   display:block;

   }

.footerZip{
   display:inline-block;

   }

.footerAddr{
   display:inline-block;

   }


.footerSygBoxIn2{
   display:block;
   text-align:left;
   }

.footerTelMark1{
   display:inline-block;
   width: 80px;
   }

.footerTel1{
   display:inline-block;
   }


.footerTelMark2{
   display:inline-block;
   width: 80px;
   }

.footerTel2{
   display:inline-block;

   }


.footerFaxMark{
   display:inline-block;
   width: 80px;
   }

.footerFax{
   display:inline-block;

   }


.footerMailMark{
   display:inline-block;
   width: 80px;
   }

.footerMail{
   display:inline-block;

   }


/*---↑↑↑↑↑↑-----*/

















.footBlock_R01{
   width:100vw;
   text-align:center;
   overflow:hidden;
color:#FFFFFF;
background-color:#BA2635;
   }


.footBlock_R01 a{
color:#FFFFFF;
   }



.footWrap_R01{
   position:relative;
   margin-top:12px;
   margin-bottom:14px;
/*   width:1000px;  */
   width:100vw;
   margin-left:auto;
   margin-right:auto;
   }

.footMenuBlock_R01{
   position:relative;
   margin-right:auto;
   margin-left:auto;
/*   width:1000px;  */
width:100vw;
   margin-bottom:50px;
   }





.footMenu{
   display:inline-block;
   width:160px;
   vertical-align:top;
   }

.footMenu>ul>li:not(:last-child){
   margin-bottom:0px;
   }

.footMenu a{
   position:relative;
   border-right:0px solid;
   text-align:center;
   word-wrap:break-word;
   overflow-wrap:break-word;
   word-break:break-word;
   font-size:12px;
   }

.footMenu a:hover{
   text-decoration:underline;
   opacity:0.6;
   }


/*
.footMenuBlock02_R01{
   display:inline-block;
   width:160px;
   vertical-align:top;
   }

.footMenuBlock02_R01>ul>li:not(:last-child){
   margin-bottom:0px;
   }

.footMenuItem_R01 a{
   position:relative;
   border-right:0px solid;
   text-align:center;
   word-wrap:break-word;
   overflow-wrap:break-word;
   word-break:break-word;
   }

.footMenuItem_R01 a:hover{
   text-decoration:underline;
   opacity:0.6;
   }

*/





.footMSInfo_R01{
display:inline-block;
   justify-content:space-between;
   font-size:14px;
   }

.footMSname_R01{
   display:inline;
   position:relative;
   line-height:1.5;
   letter-spacing:0;
   font-size:26px;
   }



/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){






.footerContBox{
   display:flex;
   justify-content:center;
   }

.footerContBoxA{
   display:flex;
   }

.footerContBoxB{
   display:flex;
   }


.footerContMenu1{
   width:200px;
   border-right:1px solid;
   text-align: left;
text-align: center;
   padding: 0px 10px;
   }

.footerContMenu2{
   width:200px;
   border-right:1px solid;
   text-align: left;
text-align: center;
   padding: 0px 10px;
   }
.footerContMenu3{
   width:200px;
   border-right:1px solid;
   text-align: left;
text-align: center;
   padding: 0px 10px;
   }

.footerContMenu4{
   width:200px;
   border-right:0px solid;
   text-align: left;
text-align: center;
   padding: 0px 10px;
   }


.footerMenuItem{
   font-size:18px;
   }

.footerMenuItem a:hover{
   text-decoration:underline;
   opacity:0.6;
   }







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





.footerSygBox{
   display:flex;
   padding:10px 100px;
   justify-content: space-around;
   }

.footerSygBoxIn1{
   display:inline-block;
   vertical-align: top;
   }

.footerName{
    /*  footMSname_R01*/
   display:block;

   }

.footerZip{
   display:inline-block;

   }

.footerAddr{
   display:inline-block;

   }


.footerSygBoxIn2{
   display:inline-block;
   vertical-align: top;
   text-align:left;

   }

.footerTelMark1{
   display:inline-block;
   width: 80px;
   }

.footerTel1{
   display:inline-block;
   }


.footerTelMark2{
   display:inline-block;
   width: 80px;
   }

.footerTel2{
   display:inline-block;

   }


.footerFaxMark{
   display:inline-block;
   width: 80px;
   }

.footerFax{
   display:inline-block;

   }


.footerMailMark{
   display:inline-block;
   width: 80px;
   }

.footerMail{
   display:inline-block;

   }


/*---↑↑↑↑↑↑-----*/

















.footBlock_R01{
   width:100%;
text-align:center;
   overflow:hidden;
color:#FFFFFF;
background-color:#BA2635;

   }


.footBlock_R01 a{
color:#FFFFFF;
   }













.footWrap_R01{
   position:relative;
/*   width:1000px;  */
   width:1200px;
   margin-top:42px;
   margin-bottom:24px;
   margin-left:auto;
   margin-right:auto;
   }


.footMenuBlock_R01{
   position:relative;
   margin-right:auto;
   margin-left:auto;
   width:1000px;
   margin-bottom:50px;
   }



.footMenu{
   display:inline-block;
   width:230px;
   vertical-align:top;
   }

.footMenu>ul>li:not(:last-child){
   margin-bottom:0px;
   }

.footMenu a{
   position:relative;
   border-right:10px solid;
   text-align:center;
   word-wrap:break-word;
   overflow-wrap:break-word;
   word-break:break-word;
   font-size:16px;
   }

.footMenu a:hover{
   text-decoration:underline;
   opacity:0.6;
   }





/*
.footMenuBlock02_R01{
   display:inline-block;
   width:230px;
   vertical-align:top;
   }

.footMenuBlock02_R01>ul>li:not(:last-child){
   margin-bottom:0px;
   }

.footMenuItem_R01 a{
   position:relative;
   border-right:1px solid;
   text-align:center;
   word-wrap:break-word;
   overflow-wrap:break-word;
   word-break:break-word;
   }

.footMenuItem_R01 a:hover{
   text-decoration:underline;
   opacity:0.6;
   }


*/



.footMSInfo_R01{
   display:flex;
   justify-content:space-between;
   font-size:16px;
   }

.footMSname_R01{
   display:inline;
   position:relative;
   line-height:1.5;
   letter-spacing:0;
   font-size:32px;
   }





}  /*** PC End ***/






/* MSロゴ部分 */
.msHd{

   }



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/*--- Common class ---*/

.wrap{
   overflow:hidden;
   padding:0;
  }

a.hv_uline:hover{text-decoration:underline;}
.hv_uline a:hover{text-decoration:underline;}

.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.txtLeft{text-align:left;}
.txtJustify{text-align:justify;}


.center{margin-right:auto;margin-left:auto;}
.bold{font-weight:bold}
.border{border-width:1px;border-style:solid;}

.font10{font-size:10px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font32{font-size:32px;}

.mt-30{margin-top:-30px !important}
.mt-20{margin-top:-20px !important}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt16{margin-top:16px !important}
.mt20{margin-top:20px !important}
.mt24{margin-top:24px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt32{margin-top:32px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt64{margin-top:64px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt72{margin-top:72px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt85{margin-top:85px !important}
.mt90{margin-top:90px !important}
.mt95{margin-top:95px !important}
.mt100{margin-top:100px !important}
.mt105{margin-top:105px !important}
.mt110{margin-top:110px !important}
.mt115{margin-top:115px !important}
.mt120{margin-top:120px !important}
.mt150{margin-top:150px !important}
.mt180{margin-top:180px !important}
.mt200{margin-top:200px !important}

.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb16{margin-bottom:16px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb24{margin-bottom:24px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb32{margin-bottom:32px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb64{margin-bottom:64px !important}
.mb70{margin-bottom:70px !important}
.mb72{margin-bottom:72px !important}
.mb75{margin-bottom:75px !important}
.mb80{margin-bottom:80px !important}
.mb85{margin-bottom:85px !important}
.mb90{margin-bottom:90px !important}
.mb95{margin-bottom:95px !important}
.mb100{margin-bottom:100px !important}
.mb105{margin-bottom:105px !important}
.mb110{margin-bottom:110px !important}
.mb115{margin-bottom:115px !important}
.mb120{margin-bottom:120px !important}
.mb150{margin-bottom:150px !important}
.mb180{margin-bottom:180px !important}
.mb200{margin-bottom:200px !important}

.ml0{margin-left:0px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml16{margin-left:16px !important}
.ml20{margin-left:20px !important}
.ml24{margin-left:24px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml32{margin-left:32px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml64{margin-left:64px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80{margin-left:80px !important}
.ml85{margin-left:85px !important}
.ml90{margin-left:90px !important}
.ml95{margin-left:95px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr16{margin-right:16px !important}
.mr20{margin-right:20px !important}
.mr24{margin-right:24px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr32{margin-right:32px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr64{margin-right:64px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr75{margin-right:75px !important}
.mr80{margin-right:80px !important}
.mr85{margin-right:85px !important}
.mr90{margin-right:90px !important}
.mr95{margin-right:95px !important}
.mr100{margin-right:100px !important}

.pd0{padding:0px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd16{padding:16px;}
.pd20{padding:20px;}
.pd24{padding:24px;}
.pd25{padding:25px;}
.pd30{padding:30px;}
.pd32{padding:32px;}
.pd35{padding:35px;}
.pd40{padding:40px;}
.pd45{padding:45px;}
.pd50{padding:50px;}
.pd55{padding:55px;}
.pd60{padding:60px;}
.pd64{padding:64px;}
.pd65{padding:65px;}
.pd70{padding:70px;}
.pd75{padding:75px;}
.pd80{padding:80px;}
.pd85{padding:85px;}
.pd90{padding:90px;}
.pd95{padding:95px;}
.pd100{padding:100px;}


.lh0{line-height:0px;}
.lh5{line-height:5px;}
.lh10{line-height:10px;}
.lh15{line-height:15px;}
.lh16{line-height:16px;}
.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.lh45{line-height:45px;}
.lh50{line-height:50px;}
.lh55{line-height:55px;}
.lh60{line-height:60px;}
.lh65{line-height:65px;}
.lh70{line-height:70px;}
.lh75{line-height:75px;}
.lh80{line-height:80px;}
.lh85{line-height:85px;}
.lh90{line-height:90px;}
.lh95{line-height:95px;}
.lh100{line-height:100px;}


.bgc01{background-color:#FFFFFF;}
.bgc04{background-color:rgba(186,38,53,0.07);}
.bgc05{background-color:#F8E8E9;}
.bgc06{background-color:rgba(255,255,255,0.7);}
.bgcRD{background-color:#BA2635;}

.tcWH,.tcWH a{color:#FFFFFF;}
.tcGY,.tcGY a{color:#767676;}
.tcBK,.tcBK a{color:#333333;}
.tcNV,.tcNV a{color:#1D3044;}

.bdcBK{border-color:#000000;}
.bdc01{border-color:#EFEFEF;}


/*--- basic class ---*/

.psRel{
   position:relative;
   }

.dsFlex{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   }

.dsFlexC{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   justify-content:center;}


.dsFlex.flColumn{
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-flow:column;
   flex-flow:column;}



.dsFlexHz01{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:horizontal;
   -webkit-box-direction:normal;
   -ms-flex-flow:row wrap;
   flex-flow:row wrap;
   }


.dsFlexVt01{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-direction:column;
   flex-direction:column;}


.dsBlock{
   display:block;}


.dsInline>div{
   display:inline-block;}


.alCenter{
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;
   }

.jsEnd{
   -webkit-box-pack:end;
   -ms-flex-pack:end;
   justify-content:flex-end;}

.flLeft{
   float:left;
   }



/*--- Page class ---*/

.bgIC{
   background-image:url('../pix/bgWall.jpg');
   background-repeat:repeat;
   background-color:rgba(255,255,255,0.8);
   }

.pagetop{
   display:none;
   position:fixed;
   bottom:30px;
   right:15px;}

.pagetop a{
   display:block;
   background-color:#ccc;
   text-align:center;
   color:#222;
   font-size:12px;
   text-decoration:none;
   padding:5px 10px;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity:0.5;}

.pagetop a:hover{
   display:block;
   background-color:#b2d1fb;
   text-align:center;
   color:#fff;
   font-size:12px;
   text-decoration:none;
   padding:5px 10px;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity:0.5;}


/*--- Menu block class ---*/

.topLine{
   background-color:#BA2635;
   height:4px;}

.topBlock{
   width:1000px;
   margin-left:auto;
   margin-right:auto;}
@media only screen and (min-width:1260px){
.topBlock{
   width:1200px;
   margin-left:auto;
   margin-right:auto;}}



.TopMenuBlock{
background-color: #6644aa; /* DBG紫 */
   padding:5px 0;
   margin-bottom:8px;
   line-height:1.5;
   letter-spacing:0;
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:end;
   -ms-flex-pack:end;
   justify-content:flex-end;
   font-size:13px;}

.TopMenuBlock ul{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:justify;
   -ms-flex-pack:justify;
   justify-content:space-between;
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;}

.TopMenuBlock li{
   max-width:130px;
   display:inline-block;
   vertical-align:top;}

.TopMenuBlock li:not(:last-child){
   margin-right:40px;}

.TopMenuBlock a{position:relative;}






/*--- Menu block class ---*/
/*=== SP ===*/

.topLine{
   background-color:#BA2635;
   height:4px;}


.topBlock2{
display:block;
   width:100vw;
   }


/*=== PC ===*/
@media screen and (min-width: 960px){

.topLine{
   background-color:#BA2635;
   height:4px;
   }

.topBlock2{
display:block;
   width:100%;
   margin-left:auto;
   margin-right:auto;
padding:0px 20px;
   }

}

.TopMenuBlock{
background-color: #6644aa; /* DBG紫 */
   padding:5px 0;
   margin-bottom:8px;
   line-height:1.5;
   letter-spacing:0;
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:end;
   -ms-flex-pack:end;
   justify-content:flex-end;
   font-size:13px;}

.TopMenuBlock ul{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:justify;
   -ms-flex-pack:justify;
   justify-content:space-between;
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;}

.TopMenuBlock li{
   max-width:130px;
   display:inline-block;
   vertical-align:top;}

.TopMenuBlock li:not(:last-child){
   margin-right:40px;}

.TopMenuBlock a{position:relative;}




/*=== SP ===*/
.TopNameBlock1{
   display:none;
   padding-bottom:0px;
   min-height:37px;
   }

.TopNameBlock2{
   display:none;
   padding-bottom:10px;
   min-height:35px;
   vertical-align:middle;
   }



/*=== PC ===*/
@media screen and (min-width: 960px){

.TopNameBlock1{
   display:block;
   padding-bottom:0px;
   min-height:2px;
   }

.TopNameBlock2{
   display:block;
   padding-bottom:10px;
   min-height:38px;
   vertical-align:middle;
   }
}



.msLogo{
   position:relative;
   line-height:1.5;
   letter-spacing:0;
   font-size:26px;
   font-weight:bold;}


.TopTelBlock{
   position:relative;
   padding-top:5px;
   float:right;
   margin-left:15px;
   line-height:1.5;
   letter-spacing:0;
}

/*--- Nav menu ---*/
.msMenu{
   letter-spacing:0;
   line-height:1.5;
   -webkit-box-flex:1;
   -ms-flex:1;
   flex:1;}

.msMenu a{
   display:table-cell;
   table-layout:fixed;
   height:58px;
   vertical-align:middle;}

.msMenu ul{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:justify;
   -ms-flex-pack:justify;
   justify-content:space-between;
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;}

.msMenu li{
   position:relative;
   text-align:center;}

.msMenu li a:hover{
   opacity:0.6;}

.msMenu li.current:after{
   content:"";
   display:block;
   position:absolute;
   bottom:0;
   width:100%;
   border-bottom:5px solid #1D3044;}


/*---  ---*/
.msMenuBook{
   display:inline-block;
   width:128px;
   margin-left:40px;
   letter-spacing:0;
   font-size:16px;
   background-color:#1D3044;
   text-align:center;
   cursor:pointer;
   font-weight:bold;}

.msMenuBook:hover{
   background-color:#77828E;}

.msMenuBkBtn{
   line-height:40px;
   width:128px;
   color:#FFFFFF;}






/*--- Foolter block ---*/
.footBlock{
   width:100%;
   overflow:hidden;
   }

.footWrap{
   width:1000px;
   margin-left:auto;
   margin-right:auto;}
@media only screen and (min-width:1260px){
.footWrap{
   width:1200px;
   margin-left:auto;
   margin-right:auto;}}

.footWrap{
   position:relative;
   margin-top:42px;
   margin-bottom:24px;
   }

.footMenuBlock{
   position:relative;
   margin-right:auto;
   margin-left:auto;
   width:1000px;
   margin-bottom:50px;}

.footMenuBlock02{
   display:inline-block;
   width:230px;
   vertical-align:top;}

.footMenuBlock02>ul>li:not(:last-child){
  margin-bottom:0px;}

.footMenuItem a{
   position:relative;
   border-right:1px solid;
   text-align:center;
   word-wrap:break-word;
   overflow-wrap:break-word;
   word-break:break-word;}

.footMenuItem a:hover{
   text-decoration:underline;
   opacity:0.6;}

.footMSInfo{
   display:flex;
   justify-content:space-between;}

.footMSname{
   display:inline;
   line-height:1.5;
   letter-spacing:0;}


/*--- crumb navi ---*/

.crumbNav li{display:inline}
.crumbNav li+li:before{content:"＞";margin:0 7px;}
.crumbNav li a{display:inline-block;color:#2E518B;}


/*--- page block ---*/

.pgContentsBlock01{
width:70%;
   width:100%;
   }

.pgContentsBlock02{
   width:1000px;
   margin-left:auto;
   margin-right:auto;
   }
@media only screen and (min-width:1260px){
.pgContentsBlock02{
   width:1200px;
   margin-left:auto;
   margin-right:auto;}
   }


/*---  下の内容を別途調整 ---*/


.pgContentsBlock02{
   width:700px;
   width:1000px;
   margin-left:auto;
   margin-right:auto;
   }
@media only screen and (min-width:1260px){
.pgContentsBlock02{
   width:700px;
   width:1200px;
   margin-left:auto;
   margin-right:auto;}
   }










/*--- message block ---*/

.msgBlock01{
   margin-bottom:40px;
   text-align:center;
   margin-top:32px;
   line-height:1.5;
   letter-spacing:0.1em;}

.msgBlock02{
   margin-bottom:40px;
   text-align:center;
   margin-top:80px;
   line-height:1.5;
   letter-spacing:0.1em;
   }


/*--- message style ---*/




.msgStyle01{
   position:relative;
   font-size:26px;
   padding-top:60px;
   font-weight:bold;}

.msgStyle02{
   position:relative;
   font-size:26px;
   padding-top:32px;
   font-weight:bold;}

.msgStyle03{
   margin-top:12px;
   font-size:20px;
   font-weight:bold;}

/*--- page title ---*/

.pgTitle{
   line-height:1.5;
   letter-spacing:0;
   margin-bottom:10px;
   text-align:center;
   color:#333333;
   font-size:22px;
   font-weight:bold;}

.pgTitleImg{
   max-width:100%;
   overflow:hidden;
   position:relative;
   width:1000px;
   height:300px;
   margin-bottom:32px;}
@media only screen and (min-width:1260px){
.pgTitleImg{
   width:1200px;
   height:360px;}}

.pgTitleImg img{
   position:absolute;
   top:50%;
   left:50%;
   -webkit-transform:translate(-50%, -50%);
   -ms-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%);}

.pgCaption{
   line-height:1.5;
   letter-spacing:0.1em;
   margin-bottom:24px;
   text-align:center;}


/*--- Inline jump menu box ---*/

.inMenu{
   padding: 24px 6px;
   width:100%;
   font-size:14px;
   line-height:1.8;}

.inMenu ul{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   white-space:nowrap;}

.inMenu ul li{
   display:inline-block;
   min-width:0;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;}

.inMenu a{
   line-height:26px;
   padding-left:26px;
   position:relative;
   margin-left:15px;
   margin-right:15px;}

.inMenu .typImgArrow{
   width:12px;
   padding:0;
   margin-right:10px;}




.blockSep>ul>li:not(:last-child){
   margin-bottom:64px;
   padding-bottom:64px;
   border-bottom:1px solid #CCCCCC;
   }

.blockSep02>div:not(:last-child){
   margin-bottom:64px;
   padding-bottom:64px;
   border-bottom:1px solid #CCCCCC;
   }
.blockSep02>div:last-child{
   margin-bottom:64px;
   padding-bottom:64px;
   }


/*--- contents block ---*/

.contHeadMsg{
   position:relative;
   font-size:24px;
   font-weight:bold;
   margin-bottom:24px;
   text-align:center;
   line-height:1.5;
   letter-spacing:0.1em;}

.contImgBlock{
   width:100%;}

.contImgBlock li{
   display:inline-block;
   cursor:pointer;
   width:108px;
   height:54px;
   margin-right:12px;}

.contImgBlock li:not(.selected){
   border:none;}

.contImgBlock li:hover{
   opacity:0.6;}

.contImgBlock a:hover{
   opacity:0.6;}


/*--- Contents Infomation ---*/

.contInfTbl{
   width:100%;}

.contInfTbl th,.contInfTbl td{
   padding-top:12px;
   padding-bottom:12px;}

.contInfTbl th{
   width:220px;
   padding-right:40px;}


/*--- MS Infomation table ---*/
.msInfoBlock01{
   overflow:hidden;
   padding:0;
   width:1000px;
   margin-left:auto;
   margin-right:auto;}
@media only screen and (min-width:1260px){
.msInfoBlock01{
   width:1000px;
   margin-left:auto;
   margin-right:auto;}}

.msInfoBlock02{
   margin-top:32px;
   margin-bottom:32px;
   }

.msInfoBlock02:last-child{
   margin-bottom:80px;
   }

.msInfoTbl{
   width:100%;}

.msInfoTbl th{
   width:280px;
   padding-right:40px;
   font-weight:bold;
   text-align:left;}

.msInfoTbl td{
   padding-top:12px;
   padding-bottom:12px;}




.bdBttm01{
   border-bottom:1px solid #CCCCCC;}



/*--- table ---*/

.tblList01{
   width:100%
   width:auto;}

.tblList01 th{
   white-space:nowrap
   max-width:220px;
   padding-right:40px;
   font-weight:bold;
   text-align:right;}

.tblList01 th,.tblList01 td{
   padding-top:12px;
   padding-bottom:12px;}


/*--- list ---*/

.listMb64>ul>li:not(:last-child){
   margin-bottom:64px;}

.listMb40>ul>li:not(:last-child){
   margin-bottom:40px;}





/*--- flex ---*/

.flxStart01{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-align:start;
   -ms-flex-align:start;
   align-items:flex-start;
   }











/*--- box ---*/

.boxStyle01{
   width:100%;
   height:400px;}

.boxStyle02{
   border-width:1px;
   border-color:#EFEFEF;
   padding:40px 36px;}

.boxStyle03{
   width:700px;
   margin-left:auto;
   margin-right:auto;}


.boxView{
   position:absolute;
   margin:0px;
   width:1024px;
   height:100vh;}
@media screen and (min-width:1000px){
.boxView{
   width:100vw;
   height:100vh;}}


.boxFull{
   width:1024px;
   height:100vh;}
@media screen and (min-width:1000px){
.boxFull{
   width:100vw;
   height:100vh;}}




/*--- img ---*/

.imgBox01{
   -webkit-box-flex:0;
   -ms-flex:0 0 424px;
   flex:0 0 424px;
   margin-right:32px;}

.imgBox01 img{
   vertical-align:top;
   width:480px;
   max-width:100%;
   max-height:318px;}
@media only screen and (min-width:1260px){
.imgBox01 img{
   vertical-align:top;
   width:480px;
   max-width:100%;
   max-height:360px;}}

.imgBox02{
   -webkit-box-flex:0;
   -ms-flex:0 0 424px;
   flex:0 0 424px;
   margin-right:32px;
   width:424px;
   max-width:424px;}

.imgBox03{
   width:600px;
   margin:0 auto;}





.imgBox04{
   position:relative;}

.imgBox04 img{
   width:480px;
   height:360px;
   max-height:360px;
   -ms-flex:0 0 480px;
   overflow:hidden;
   -webkit-box-flex:0;
   flex:0 0 480px;
   vertical-align:top;}


/*--- tbl ---*/

.tblStyle01{
   width:100%;}

.tblStyle01 th,.tblStyle01 td{
   padding-top:12px;
   padding-bottom:12px;}

.tblStyle01 th{
   width:140px;
   padding-right:30px
   font-weight:bold;
   text-align:left;}

/*--- list ---*/

.listStyle01{
   padding-right:64px;
   margin-right:64px;
   border-right:1px solid #cccccc;}

.listStyle02{
   flex:0 0 auto;
   padding-right:24px;
   margin-right:24px;
   border-right:1px solid #cccccc;}


/*--- wrap ---*/

.wrapStyle01:first-child{margin-top:64px;}

.wrapStyle01:last-child{margin-bottom:80px;}

.wrapLine01{
   border-style:solid;
   border-width:1px;
   border-color:#CCCCCC;}


/*--- txt ---*/

.txtStyle01{
   line-height:1.5;
   letter-spacing:0.1em;}

.txtStyle02{
   font-weight:bold;
   font-size:24px;
   line-height:1.5;
   letter-spacing:0;}

.txtStyle03{
   line-height:30px;
   letter-spacing:0;
   vertical-align:baseline;}

.txtStyle04{
   margin-left:20px;
   vertical-align:baseline;}

.txtStyle05{
   font-weight:bold;
   font-size:24px;
   line-height:1.6;
   letter-spacing:0;
   padding:10px 0;}

.txtStyleCenter{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   line-height:16px;}

.txtStyleCenter a{
   display:inline-block;}

.txtFmt01{
   line-height:1.5;
   letter-spacing:0.1em;}

.txtStyleRight{
   padding-left:20px;
   float:right;
   display:inline-block;
   max-width:100%;
   line-height:1.5;
   }


/*--- user list box ---*/

.ulBoxH4{
   text-align:justify;
   }

.ulBoxH4 ul{
   margin:-4px;
   }


.ulBoxH4 li{
   padding:4px;
   width:25%;
   }


/*--- banding ---*/

.band01:first-child{
   margin-top:4px;}

.band01:last-child{
   margin-bottom:64px;}

.band01 .pgContentsBlock01:nth-child(odd){
   background-color:#FFFFFF;}



.imbBoxFC01{
   position:relative;

/*===
margin-left:auto;
margin-right:auto;
text-align:center;
===*/

   }

.imbBoxFC01 img{
   width:90%;
   height:360px;
   max-height:360px;
   vertical-align:top;
border-radius: 5%;      /* コーナー丸め */
/*===
min-width:90vw;
margin-left:auto;
margin-right:auto;
text-align:center;
===*/

   }








/*=== SP ===*/








/*=== PC ===*/
@media screen and (min-width: 960px){





.imbBoxFC01{
   position:relative;
   }

.imbBoxFC01 img{
   width:480px;
   height:360px;
   max-height:360px;
   -ms-flex:0 0 480px;
   overflow:hidden;
   -webkit-box-flex:0;
   flex:0 0 480px;
   vertical-align:top;
border-radius: 5%;      /* コーナー丸め */
   }



}  /*=== PC END ===*/





/*--- icon ---*/

.icontxtStyle01{
   display:inline-block;
   padding-left:20px;
   max-width:100%;
   line-height:1.5;}


.iconTel{
   position:absolute;
   top:6px;
   left:0;}

.iconMail{
   position:absolute;
   top:8px;
   left:0;
   }


/*--- News page ---*/

.newsBlock01{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-pack:justify;
   -ms-flex-pack:justify;
   justify-content:space-between;
   padding-bottom:10px;
   border-bottom:1px solid #ccc;
   margin-bottom:10px;
   }

.NewsList{
   display:flex;
   height:18px;
   line-height:18px;
   margin-bottom:12px;
   }



/*--- Gallery page ---*/

.imgTile1xN{
   display:flex;
   }

.imgTile1xN img{
   width:100%;
   object-fit:cover;
   }

.imgTile1xN img:hover{
   opacity:0.6;
   }

.imgTile1xN .leftBlock1{
   width:45%;
   display:flex;
   align-items:center;
   margin-right:10px;
   justify-content:center;
   }

.imgTile1xN .rightBlock1{
   width:55%;
   display:flex;
   align-items:center;
   justify-content:center;
   }

.imgTile1xN .row{
   width:100%;
   }

.imgTile1xN .row ul{
   margin-top:2px;
   margin-bottom:2px;
   }

.imgTile1xN .row ul:first-child{
   margin-top:0px;
   }

.imgTile1xN .row ul:last-child{
   margin-bottom:0px;
   }

.imgTile1xN .row li{
   margin-left:4px;
   margin-right:4px;
   }

.imgTile1xN .row li:first-child{
   margin-left:0px;
   }

.imgTile1xN .row li:last-child{
   margin-right:0px;
   }

.imgTile1xN .col{
   display:flex;
   }


/*--- Q&A page ---*/

.QAbox .Q-box,.QAbox .A-box{
   padding-left:48px;
   position:relative;
   }

.QAbox .Q-box .iconQA,.QAbox .A-box .iconQA{
   position:absolute;
   top:0;
   left:0;
   }


.QAbox .Q-box {
   font-size:18px;
   line-height:1.5;
   letter-spacing:0;
   font-weight:bold;
   margin-bottom:32px;
   }

.QAbox .QAcategory{
   text-align:right;
   }

.QAbox .Q-box h3{
   margin-bottom:12px;
   }


.imgQA img{
   max-width:424px;
   max-height:318px;
   }
@media only screen and (min-width:1260px){
.imgQA img{
   max-width:480px;
   max-height:360px;
   }
}

.QAblock{
   -webkit-box-flex:1;
   -ms-flex:1;
   flex:1;
   }

.QAblock>ul>li:not(:last-child){
   margin-bottom:64px;
   }

/*--- etc ---*/

.ophv li:hover{
   opacity:0.6;
   }

.ophv a:hover{
   opacity:0.6;
   }








/*■■■ Common ■■■*/






















/*---------------------------------*/
/*--- slick slider (dots style) ---*/
/*---------------------------------*/

/*-- slide image --*/

.topSlide{
   width:1024px;
   position:absolute;
   top:0px;
   left:0px;
   margin:0 auto;
   text-align:center;
   z-index:-100;
   }
@media screen and (min-width:1000px){
.topSlide{
   width:100vw;
   }
}

.topSlide img{
   object-fit:cover;
   width:100vw;
/*   width:calc(100%  - 16px); */
/*   height:calc(100vh - 26px); */
   height:100vh;
   margin:0 auto;
   text-align:center;
   background-size:cover;
   min-height:510px;
   }

.topSlide img.coverPosition{
/* object-position:100% 50%; */
   }






/*=== M Common ===*/

/*=== SP ===*/



.TopImg{
   height:auto;
   max-width:100%;
   margin-left: auto;
   margin-right: auto;
   }








/*-- dots style --*/
.slick-dots{
   position:absolute;
   text-align:center;
   width:100%;
   bottom:70px;		/* ボトムからの距離 */
   z-index:100;
   }

.slick-dots li{
   position:relative;
   margin:0;
   display:inline-block;
   margin:0 8px;
   }

.slick-dots li button{
   font-size:0;
   line-height:0;
   width:8px;
   height:20px;
   cursor:pointer;
   color:transparent;
   border:0;
   outline:none;
   background:transparent;
   margin-bottom:5px;
   }

.slick-dots li button::before{
   content:"";
   position:absolute;
   top:50%;
   left:0;
   }

.slick-dots li button:before{
   background-color:#FFFFFF;
   border:1px solid #FFFFFF;
   width:8px;
   height:8px;
   -webkit-transform:rotate(45deg);
   -ms-transform:rotate(45deg);
   transform:rotate(45deg);
   opacity:1.0;
   }

.slick-dots li.slick-active button:before{
   background-color:#000000;		/* ドット中塗色		*/
   border: 1px solid #FFFFFF;
   }


.selSlider02 .imgSld{
   width:100%;
   height:500px;
   object-fit:cover;
   }

.selSlider03 .imgSld{
   width:100%;
   height:500px;
   object-fit:cover;
   }

.selSlider04 .imgSld{
   width:100%;
   height:500px;
   object-fit:cover;
   }


/*--- Slide navi button ---*/
.s-arrow.slick-disabled{
   visibility:hidden;
   }

.s-arrow{
   position:absolute;
   top:0;
   bottom:0;
   margin:auto;
   width:30px;
   height:auto;
   }

.prev-arrow{
   left:   0px;
   z-index:10;
   }

.next-arrow{
   right:  0px;
   z-index:10;
   }





.selSlider02-nav .slick-current{
   opacity:0.5;
   }
.selSlider02-nav .imgThm{
   margin-right:20px; height:100px;
   }



.selSlider03-nav .slick-current{
   opacity:0.5;
   }
.selSlider03-nav .imgThm{
   margin-right:20px; height:100px;
   }


.selSlider04-nav .slick-current{
   opacity:0.5;
   }
.selSlider04-nav .imgThm{
   margin-right:20px; height:100px;
   }




/*■■■ Jump top button ■■*/
/*=== SP ===*/

.Jump-top{
   position: fixed;
   text-align:center;
   overflow: hidden;
   width:  50px;              /* 円の幅 */
   height: 50px;              /* 円の高さ */
   border-radius: 50%;        /* コーナー丸めで円へ */
   border: solid 2px #d2691e; /* 線の幅と色 */
   right: 30px;               /* 右寄せ */
   bottom:10px;               /* 下寄せ */
   background: white;
   opacity: 0.6;
   transition:  .4s;
   z-index:99999999;
   }

.Jump-top a{
   position:relative;
   display:block;
   line-height: 53px; /* 文字の配置高さ */
   font-size: 14px;
   font-weight:bold;
   text-decoration:none;
   color: #d2691e;
   }

.Jump-top a:hover{
   background: #ffd700;
   }

/*=== TL ===*/
@media screen and (min-width: 520px){
}  /*** TL End ***/

/*=== PC ===*/
@media screen and (min-width: 960px){

.Jump-top{
   position: fixed;
   text-align:center;
   overflow: hidden;
   width:  50px;              /* 円の幅 */
   height: 50px;              /* 円の高さ */
   border-radius: 50%;        /* コーナー丸めで円へ */
   border: solid 2px #d2691e; /* 線の幅と色 */
   right: 30px;               /* 右寄せ */
   bottom:10px;               /* 下寄せ */
   background: white;
   opacity: 0.6;
   transition:  .4s;
   z-index:99999999;
   }

.Jump-top a{
   position:relative;
   display:block;
   line-height: 53px; /* 文字の配置高さ */
   font-size: 14px;
   font-weight:bold;
   text-decoration:none;
   color: #d2691e;
   }

.Jump-top a:hover{
   background: #ffd700;
   }

}  /*** PC End ***/


/*-----------------------*/
/*--- for block debug ---*/
/*-----------------------*/
.DBG_0{}
.DBG_R{
   border:solid 2px;
   border-color:red}
.DBG_G{
   border:solid 2px;
   border-color:green}
.DBG_B{
   border:solid 2px;
   border-color:blue;}
.DBG_Y{
   border:solid 2px;
   border-color:yellow}
.DBG_1{
   border:solid 2px;
   border-color:lime}
.DBG_2{
   border:solid 2px;
   border-color:fuchsia}
.DBG_3{
   border:solid 2px;
   border-color:oliv}
.DBG_4{
   border:solid 2px;
   border-color:aqua}
.DBG_5{
   border:solid 2px;
   border-color:purple}
.DBG_6{
   border:solid 2px;
   border-color:maroon}
.DBG_7{
   border:solid 2px;
   border-color:navy}
.DBG_8{
   border:solid 2px;
   border-color:teal}
.DBG_9{
   border:solid 2px;
   border-color:gray}
.DBG_10{
   border:solid 2px;
   border-color:black}

.DBG_11{
   border-width:10px;
   border:solid 6px;
   border-color:lime}
.DBG_12{
   border-width:10px;
   border:solid 6px;
   border-color:fuchsia}
.DBG_13{
   border-width:10px;
   border:solid 6px;
   border-color:oliv}
.DBG_14{
   border-width:10px;
   border:solid 6px;
   border-color:aqua}
.DBG_15{
   border-width:10px;
   border:solid 6px;
   border-color:purple}
.DBG_16{
   border-width:10px;
   border:solid 6px;
   border-color:maroon}
.DBG_17{
   border-width:10px;
   border:solid 6px;
   border-color:navy}
.DBG_18{
   border-width:10px;
   border:solid 6px;
   border-color:teal}
.DBG_19{
   border-width:10px;
   border:solid 6px;
   border-color:gray}
.DBG_20{
   border-width:10px;
   border:solid 6px;
   border-color:black}

.DBG_21{
   border-width:20px;
   border:solid 6px;
   border-color:lime}
.DBG_22{
   border-width:20px;
   border:solid 6px;
   border-color:fuchsia}
.DBG_23{
   border-width:20px;
   border:solid 6px;
   border-color:oliv}
.DBG_24{
   border-width:20px;
   border:solid 6px;
   border-color:aqua}
.DBG_25{
   border-width:20px;
   border:solid 6px;
   border-color:purple}
.DBG_26{
   border-width:20px;
   border:solid 6px;
   border-color:maroon}
.DBG_27{
   border-width:20px;
   border:solid 6px;
   border-color:navy}
.DBG_28{
   border-width:20px;
   border:solid 6px;
   border-color:teal}
.DBG_29{
   border-width:20px;
   border:solid 6px;
   border-color:gray}
.DBG_30{
   border-width:20px;
   border:solid 6px;
   border-color:black}


/*■■■ DEL ■■■■■■*/
/*******************

background-color: red;
background-color: blue;
background-color: white;
background-color: #a0a0a0;
background-color: #6644aa;

border-bottom: 5px solid #00B0F0;
background-color: #F8E750;
background-color:#f1f1f1;
background-color:#FFFFFF;
background-color:#F8E8E9;
background-color:#BA2635;
background-color:#EFEFEF;
background-color:rgba(186,38,53,0.07);
background-color:rgba(255,255,255,0.7);
background-color:rgba(255,255,255,0.8);
background-color:#ccc;
background-color:#b2d1fb;
background-color:#BA2635;
background-color: #6644aa;
background-color:#BA2635;


body{
   font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3",
               "Hiragino Mincho ProN","メイリオ",Meiryo,serif;
   font-size:14px;
   font-weight:normal;
   line-height:1.8;
   color:#000000;
   background-color:#fff;
   letter-spacing:0.05em;
   }


.Top_outer{
   position: fixed;
   width: 100%;
   height: 35px;
   background-color: white;
   top: 0;
   left: 0;
   right: 0;
   z-index:999;
   }

main{
   background-color: #f1f1f1;
   height: 800px;
   display: flex;
   }

******************/