@charset "UTF-8";

body {
 font-family: 'Noto Sans JP', sans-serif;
}

/*全体を中央表示*/
.wrapper {
    width:900px;
    margin: 0 auto;
}

/*ヘッダのロゴとｎａｖｉを横ならべ*/

.rnpc {
  display: flex; 
 

}

/*ヘッダのロゴとｎａｖｉメイン画面の重なり防止のため
パディントンで調整*/
.main {
 padding-top:50px;
}

/*ヘッダの菊岡家ロゴとｎａｖｉ間隔あける*/
.rnpc img {
   margin-right: 100px;
  margin-top: -20px;
  margin-left: -50px;
  position: fixed;
 
}

/*菊岡家ロゴスマホ版PC画面非表示*/
.rsp {
 display: none;
}


/*ｎａｖｉ indexページ用を右と下に移動*/
#navi {
       margin-top 15px;
     margin-bottom 10px;
       padding-left:400px;
     width: 500px;
    background: #ffffff;
   margin-top: 10px;
   
 }

/*ｎａｖｉのロゴ間隔調整*/
#navi td {
    padding-right: 5px;
    padding-left: 5px;
    white-space: nowrap;
  background: #ffffff;
 border-right: 1px solid black; 
font-size: 14px;
   
    }

#navi a{
    width: 40px;
   
}

/*ｎａｖｉメニュー固定*/
.rnpc  {
 position: fixed;
    top: 0
 background: red;
}

a {
    color: black;
 text-decoration: none;
}

a:hover{
    color: #d60011;
}

.navi-table {
  margin-left: -13px;
}

/*ｎａｖｉ indexページ以外を右と下に移動*/
#navi1 {
       margin-top 15px;
     margin-bottom 10px;
       padding-left:395px;
     width: 500px;
    background: #ffffff;
   margin-top: 10px;
   
 }

/*ｎａｖｉのロゴ間隔調整*/
#navi1 td {
    padding-right: 10px;
    padding-left: 10px;
    white-space: nowrap;
  background: #ffffff;
 border-right: 1px solid black; 
   
    }

#navi1 a{
    width: 40px;
   
}


/*ハンバーガーメニューPC画面表示しない*/
.hamburger-menu {
 display: none;
  }


/*メイン写真*/
.shashin1 {
 width: 100%;
}

.shashin1 img {
    width: 900px;
    margin: 0 auto;
   margin-top: 90px;
}

/*h1ロゴ*/
h1 {
    text-align: center;
   　letter-spacing: 4em;
    font-size: 24px;
    background: #d60011;
   color: white;
  padding: 5px 0px 5px 0px;
        width: 900px;
    　margin: 0 auto;
}

/*h2ロゴ*/
h2 {
    text-align: center;
    margin: 10px 10px;
　　letter-spacing: 4em;
    border-bottom: 1px solid #d60011;
  　
}

#manshon {
 letter-spacing: 0.3em;
}

/*h3ロゴ*/
h3 {
    text-align: center;
    margin-bottom: 10px;:
   font-size:16px;
  　letter-spacing: 4em;
  
}

/*h3見出しゲストルーム*/

.biruspmidashi {
 border-bottom: 1px solid #d60011;
 margin-bottom: 10px;
 
}

.grs h3{
 border-bottom: 1px solid #d60011;
 width: 900px;
}


/*pロゴ*/
p {
    margin-bottom: 30px;
}


/*kikuokayahtmlスマホ画面非表示*/
.kikuhtmlsumaho {
 display: none;
}

/*kikuokayahtmlフロアー図設定*/
.zum {
  margin: 0 auto;
  width: 960px;
  width: 60%;
 
 }

/*kikuokahtmlビル内写真設定*/

.birunaishashin tr td{
         width: 100%;
   text-align: center;
    }


　
/*菊岡家ビルと新町館PC画面表示*/
#manshon {
        display: block;

    }

/*菊岡家ビルと新町館スマホ画面非表示*/
#manshonsp {
        display: none;
    }

/*菊岡家ビルと新町館と概要横ならべ*/
.card-container{
    display:flex;
  margin-bottom: 40px;
 
}


/*菊岡家ビルと新町館写真位置調整*/
.card-img {
    margin-right: 40px;
　　　　
}

/*菊岡家ビルと新町館リンク設定*/
.card-text1 tr td  {
   padding-top: 50px; 
    padding-right: 40px;
}

.card-text1 h4  {
  font-size:17px;
  letter-spacing: 0.1em;
}

/*index画面ゲストルーム設定*/
.card-text4 tr td  {
   padding-top: 50px; 
    padding-right: 40px;
}

.card-text4 h4  {
  font-size:17px;
  
}

/*index画面お問合せ入居者声更新料ホバー時の指定*/
.koepc tr td button:hover {
    color:#d60011; 
 
}

/*菊岡家ビルと新町館概要卵調整*/
.card-text2 tr td  {
    padding-left: 20px;
   padding-right: 50px; 
   padding-bottom: 1px;
   padding-top: 10px;
   border-bottom : solid 1px #c8c8c8;
   letter-spacing:0.08em;
}

/*菊岡家ビルと新町館ボタン調整*/
.btn {
  background-color: white;
  padding: 10px;
  text-decoration: none;
  color: black;
  border:1px solid #333;
}

/*弁財天館PC画面表示*/
#manshonben {
        display: block;
     width:50%;
   letter-spacing: 0.1em;
    }

/*弁財天館スマホ画面非表示*/
#manshonbensp {
        display: none;
    }

/*弁財天館と概要横ならべ*/
.card-containerben{
    display:flex;
}

/*弁財天館写真位置調整*/
.card-imgben {
    margin-right: 20px;
}

/*弁財天館設定*/
.card-text1ben tr td  {
   padding-top: 25px; 
    padding-right: 20px;
}

.card-text2ben h4  {
  font-size:15px;
  border-bottom:1px solid #d60011;
 }

/*弁財天館概要卵調整*/
.card-text2ben tr td  {
    padding-left: 5px;
   padding-right: 5px; 
   padding-bottom: 5px;
   padding-top: -35px;
   border-bottom solid 1px #c8c8c8;
  font-size:14px;
  letter-spacing:0.2em;
}

/*弁財天館ボタン調整*/
.benbtn {
 margin-top: 10px;
 margin-left: 30px;
 }


/*菊岡家ビルと新町館ボタン調整*/
.btn {
  border-radius: 5px;
  background-color: white;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  color: black;
  border:1px solid #333;
}

/*新町館室内写真とお問合せ横並び等*/
.smtf {
 display: flex;
}

.smt p {
 line-height: 2em;
 margin-left: -200px;
 font-family: 'Noto Sans JP', sans-serif;
 letter-spacing:0.15em;
}


/*弁財天館と室町館の横並べflex*/
.set {
 display: flex; 
}

/*お問合せ入居者声更新料ボタン調整*/

button{
display:inline-block;
background: white;
padding:10px 30px;
text-align:center;
color: black;
margin:50px ;
border:1px solid;
cursor:pointer;
 border-radius: 5px;
letter-spacing: 0.1em;
}

/*indexゲストルーム画面横並べ*/

.royoko {
 display: flex;

}

/*indexゲストルーム設定*/
.romei tr td {
  border-bottom: 1px solid #000;
}

.romei {
  width: 600px;
  font-size: 15px;
  margin-bottom: 20px;
 letter-spacing:0.2em;
 
}

.royoko img {
 margin-bottom: 20px;

}

.robt {
  margin-top:100px;
  height:30px;
  border-radius: 5px;
  font-size: 14px;
  padding: 0px 5px 0px 5px;
  width: 150px;
}

/*indexゲストルームホバー時の指定*/
.robt tr td button:hover {
    color:#d60011; 
 
}


/*更新料0円html設定*/
.kzo {
  margin-bottom: 20px;
  Letter-spacing: 0.1em;
}

.kzo ul{
  margin-left: 25px;
  margin-top:-20px;
}

.kzop {
 font-weight: 600;
 }

/*表テーブルタグth 太字解除設定*/

th{
    font-weight: normal;
}

/*demachi.html表テーブルタグ設定*/
.hyou1 th{
    padding: 5 10 0 20;
    width:100px;
    border:0.5px solid black;
    
       }

hyou1 tr:nth-child(2n+1) {
   /* 表の奇数行のみを対象に装飾するCSS */
   background-color: #d0caca;
}

.hyou1 td{
    width: 220px;
    border:0.5px solid black;
    padding-left: 1em;
    padding-right: 1em;
   
}

.hyou1 {
    width: 900px;
    border-collapse: collapse;
    margin-bottom: 10px;
   letter-spacing:0.1em;
 font-family:"游ゴシック","arial unicode ms",sans-serif；
}

/*demachi.html表スマホ画面用非表示*/
.hyou1sp{
    display: none;
}


/*出町柳室内写真設定*/
.slide {
  position: relative;
  overflow: hidden;
  width: 320px;
  height: 240px;
  margin: auto;
  background: #fff;
}
.slide img {
  display: block;
  position: absolute;
  width: inherit;
  height: inherit;
  left: 100%;
  animation: slide-anime 20s ease infinite;
}
.slide img:nth-of-type(1) {animation-delay: 0s;}
.slide img:nth-of-type(2) {animation-delay: 4s;}
.slide img:nth-of-type(3) {animation-delay: 8s;}
.slide img:nth-of-type(4) {animation-delay: 12s;}
.slide img:nth-of-type(5) {animation-delay: 16s;}
 
@keyframes slide-anime{
  0% {left: 100%;}
  2% {left: 0;}
  18% {left: 0;}
  20% {left: -100%;}
  100% {left: -100%;}
}

/*新町館部屋スライド下コメント*/

.kaden {
 text-align: center;
 font-size: 10px;
 font-family: 'Noto Sans JP', sans-serif;
}

.denki {
 display: none;
}


/*菊岡家弁財天館間取りスマホ画面非表示*/
.msp1{
    display:none;
}


/*菊岡家出町柳館間取り設定*/

.madori tr td{
    border: none;
    padding-right: 5px;
}

.madori td img{
    width:170px;
    height: 360px;
    margin-left: auto;
    margin-right: auto;
}

.madorih3{
    border-bottom: solid 1px black;
    height: 25px;
    margin-bottom: 20px;
}

.madoridemachi tr td{
    border: none;
    padding: 5px;
}

/*菊岡家弁財天館間取りｐｃ表示用中央中央表示設定*/
.madoriben{
    margin:0 auto ;
	width:900px;
}

/*菊岡家出町柳館間取り設定*/

.madori tr td{
    border: none;
    padding-right: 5px;
}

.madori td img{
    width:170px;
    height: 360px;
    margin-left: auto;
    margin-right: auto;
}

.madorih3{
    border-bottom: solid 1px black;
    height: 25px;
    margin-bottom: 20px;
}

.madoridemachi tr td{
    border: none;
    padding: 5px;
}

/*菊岡家出町柳館間取りｐｃ表示用中央中央表示設定*/
.madori{
    margin:0 auto ;
	width:900px;
}

/*室町出町柳館間取り紹介文設定*/
.mukanma {
 margin-bottom:20px;
   
}

.mukanma p {
 margin-top: -35px;
 margin-bottom: 10px
   
}

.mukanma ul li {
 margin-left:20px;
   
}


/*菊岡家出町柳館間取りスマホ画面非表示*/
.msp{
    display:none;
}

/*菊岡家出町柳館ｈ３調整*/

.midashi{
    font-size: 15px;
    border-bottom: solid 1px #d60011;
    height: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
   letter-spacing: 0.3em;
   width: 900px;
}

/*会社概要ｈ３調整*/

.midashikapc{
    font-size: 15px;
    border-bottom: 1px solid  #d60011;
    height: 30px;
    margin-bottom: 20px;
}

.midashisp {
 　display:none ;
 
}

.sd {
 margin-bottom: 20px;
  

}

/*会社概要midashisp効かないので下記kgsで設定*/
.kgs {
 display: none;
}

/*ご入居者様の声*/
.gnk {
 　font-size: 13px;
 　letter-spacing: 0.1em;
  
}

.gnk img {
 display: block;
 margin-bottom: 10px;
}

.khm {
 letter-spacing: 0.1em;
 border-bottom: 1px solid  #d60011;
 max-width: 900px;
 text-align: center;
 margin-bottom: 10px;
}

/*ご入居者様の声gn1と2flex*/
.gnfl {
 display: flex;
}

.gn1 {
 width: 50%;
}

.gn2 {
 width: 50%;
}

/*菊岡家出町柳館ｈ３調整*/
#chizu{
    margin-left: 250px;
}

/*菊岡家出町柳館室内写真設定*/
.shitsunaishashin tr td{
    border: none;
 }

.shitsunaishashin img{
    margin-left: auto;
    margin-right: auto;
	width:299px;
}

/*室町出町柳館間取り紹介文設定*/
.mukanma {
 margin-bottom:20px;
 letter-spacing:0.1em;
}

.mukanma p {
 margin-top: -35px;
 margin-bottom: 14px
 font-size: 9px;

   
}

.mukanma ul li {
 margin-left:20px;
 font-size: 14px;
   
}

/*菊岡家室町館最終説明文設定*/
p.demachibikou  {
    font-size:14px;
    text-align: left;
   letter-spacing: 0.1em;
    }  



/*菊岡家出町柳館室内写真スマホ画面用非表示*/
.shitsunaishashinsp {
    display: none;
}


/*ゲストルーム画面設定*/
.guestqr {
 display: flex;
}

/*ゲストルームスマホ画面非設定*/
.gstsumahogamen{
display: none;
}

/*プライバシーポリシー設定*/
.prbli {
  margin: 0;
  padding: 0;
  width: 960px;
  font-size: 16px;
}

.prbli ul{
  margin-top:-20px;
  margin-bottom: 30px;
  padding-left: 30px;
  width: 960px;
  font-size: 16px;
}

.prblita p {
 margin-top:0px;

}

.bsp li{
  margin-left: 30px;
}


/*ご入居者様の声設定*/
.nkli {
  margin: 0;
  padding: 0;
  width: 960px;
  font-size: 16px;

}

.nkli ul{
  margin-top:-20px;
  margin-bottom: 30px;
  padding-left: 30px;
  width: 960px;
  font-size: 16px;
 
}


/*最新空室表*/
.saishinhyou {
  width: 900px; 
  margin-bottom: 20px;
  letter-spacing: 0.1em;
  
  
 }

table.saishinhyou   {
  border-collapse: collapse;
  
 }

table.saishinhyou th  {
    border: 1px solid #000;
  letter-spacing: 0.1em;
   padding: 5px 0px 5px 0px;
  text-align: center;
     }

table.saishinhyou td  {
    border: 1px solid #000;
  padding: 5px 0px 5px 0px;
 text-align:center;
 
 }

.dai {
 width: 140px;
}

.hb {
  width: 140px;
}


/*woks*/

.shashinsp {
 display: none;   
 
    }

/*最新情報スマホ用画面非表示*/
#newssp {
   display: none;
  }

/*最新情報と会社情報記事中央寄せ*/
#kiji {
    display: block;
    margin: 0 auto;
    width: 640px;
}

/*最新情報と会社情報記事欄調整*/
#kiji td {
  padding-left: 20px;
  padding-right: 50px; 
  padding-bottom: 20px;
padding-top: 15px;
 border-bottom : solid 1px #c8c8c8;
}

/*最新情報記事欄調整
newstop {
    border-top: solid 1px #c8c8c8;
}
*/
#news {
    margin-bottom: 10px;
}



/*お問合せページ調整*/
.opc {
 text-align: center;

}

.otoiawase p {
  padding:0px 10px 0px 10px;
  
}


/*index.phpお問合せ調整*/
.fm01 input[type=text] {
    width: 365px;
    border: 1px solid black;
}

.fm01 input[type=email] {
    width: 365px;
    border: 1px solid black;
}

.fm01 input[type=tel] {
    width: 365px;
    border: 1px solid black;
}

.fm01 textarea {
    padding: 10px;
   height: 70px;
   font-size: 14px;
   width: 85.5%;
    border: 1px solid black;
}

.fm01 input[type=submit] {
    margin: 0 auto;
    width: 150px;
    display: block;
}

.fm01 {
    display: block;
    margin: 0 auto;
    width: 500px;
}

.confm01 {
    display: block;
    margin: 0 auto;
    width: 500px;
}

.confm01 input[type=submit] {
    margin: 0 auto;
    width: 150px;
    display: block;
}

.mailfm01 {
    display: block;
    margin: 0 auto;
    width: 500px;
}

/*ハンバーガーメニューPC画面表示しない*/
.hamburger-menu {
 display: none;
  }

/*地図設定*/
.map {
    width: 450px;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    display: block;
   margin-bottom: 20px;
    
}

/*フッター位置センター*/

.footer02 {
 color: gray;
 background: #ebf6f7;
 text-align: center;
 padding: 30px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
margin-left: calc(50% - 50vw);  /*フッター画面いっぱい設定*/
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);

}
.footer02 a {
 color: gray;
 text-decoration: none;
}
.footer02 a:hover {
color: red;
 text-decoration: underline;
}

.footer02 p {
 letter-spacing: 0.1em;
 font-size: 14px;
}

.footer02 .enu {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
 justify-content: center;
}
.footer02 .enu li {
 margin: 0;
 padding: 0 20px;
}
.footer02 .copyright {
 margin: 0;
 padding: 20px 0 0 0;
}

/*==================================
レスポンシブ
=====================================*/

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

.wrapper {
    width:380px;
    margin: 0 auto;
}
/*ヘッダのロゴとｎａｖｉを横ならべ解除*/  
     
    
#logo {
    font-size:1em;
    margin-bottom: 10px;

    }

/*菊岡家ロゴスマホ版表示*/
.rsp {
 display: block;
 margin-left: 20px;
}


/*菊岡家ロゴスマホ版表示*/
.rpc {
 display: none;
}

/*h1ロゴ*/
h1 {
    text-align: center;
   　letter-spacing: 5em;
    font-size: 24px;
    background: #d60011;
   color: white;
    padding: 5px 0px 5px 0px;
        width: 380px;
    　margin: 0 auto;
    }
   
h2 {
        font-size: 15px;
        text-align: center;
    }

h3 {
 margin-bottom: 20px;
 }


/*h3見出しゲストルーム*/

.biruspmidashi {
 border-bottom: 1px solid #d60011;
 margin-bottom: 10px;
 
}

.grs h3{
 border-bottom: 1px solid #d60011;
 width: 380px;
}

.grs p{
 font-size: 13px;
}

.sd {
 margin-bottom: 20px;
  

}

/*ｎａｖｉスマホ画面表示させない*/
#navi {
        display: none;
    }
    

a {
    color: black;
}

a:hover{
    color: red;
}

/*ｎａｖｉ1をスマホ画面表示させない*/
#navi1 {
        display: none;
    }
    

    
/*メイン写真*/
.shashin1 {
 width: 100%;

}

.shashin1 img {
    width: 380px;
    margin: 0 auto;
  margin-top: 80px;
}

/*最新空室表*/
.saishinhyou {
  width: 380px; 
  margin: 0 auto;
  margin-bottom: 10px;
 font-size: 12px;
 }

table.saishinhyou th  {
    border: 1px solid #000;
  letter-spacing: 0.1em;
   padding: 5px 0px 5px 0px;
  text-align: center;
  }

table.saishinhyou td  {
    border: 1px solid #000;
  padding: 5px 0px 5px 0px;
 text-align:center;
 
 }

.dai {
 width: 100px;
}

.hb {
 width:100px;
}

.
/*kikuokayahtmlスマホ画面区切り線表示*/
.yokosen {
  border: none;
  background-color: #d60011;
  height: 1px;
  width: 70%;
  margin: auto;

}

/*kikuokahtmlスマホ画面表示設定*/
.kikuhtmlsumaho {
 display : block;
 margin: 0 auto;
 width: 100%;
  background: red;
}

.kikuhtmlsumaho hyou1sp {
 margin: 0 auto;
 width: 100%;
}

.kikuhtmlsumaho img {
 display: block;
  margin: 0 auto;
 width: 100%;
text-align: center;
 }

/*kikuokahtmlPC画面非表示設定*/
.birupcgamenset {
 display: none;
}

/*kikuokahtmlビル内写真設定*/
.birunaishashin{
     display: block;
        width: 100%;
   
    }
    
.birunaishashin tr td{
        display: block;
        width: 100%;
   text-align: center;
    }

.birunaishashin img{
       margin: 0 auto;
        width: 100%;
    text-align: center;
    }

.birufuroashashinsp h3 {
 display: block;
}

/*kikuokayahtmlフロアー図設定*/
.zumsp img {
  
  margin: 0 auto;
width 100%
 
 }


/*新町館室内写真とお問合せ横並び*/
.smtf {
 display: block;
 
}

.smtf .slide {
 margin-bottom: 20px;
 
}

.smt p {
 width: 380px;
 margin: 0 auto;
 text-align: center;
 line-height: 2em;
}
 
/*新町館室内写真下コメントスマホ非表示*/
.kaden {
 display: none;
}

/*新町館室内写真下コメントスマホ用表示*/
.denki {
 display: block;
 text-align: center;
 font-size: 11px;
 font-family: 'Noto Sans JP', sans-serif;
}

/*ゲストルームPC画面非表示設定*/
.guestpcgamen {
 display: none;
}


/*ゲストルームスマホ画面表示設定*/
.gstsumahogamen {
 display:block;
}


.gstsumahogamen tr td {
 margin:0 auto;

}

.gstsumahogamen p{
 font-size: 14px;
}

/*ゲストルームスマホ画面写真設定*/
.gstnaishashin{
     display: block;
       width: 380px;
       margin: 0 auto;
    }
    
.gstnaishashin tr td{
        display: block;
        width: 100%;
    }

/*ゲストルーム画面設定*/
.guestqr img{
 margin-top: 20px;
  width: 100px;
}

.guestqr p{
  font-size: 13px;
}

/*indexゲストルームPC画面非表示*/

.royoko {
 display: none;

}

/*ご入居者様の声*/
.gnk {
 　font-size: 13px;
 　letter-spacing: 0.1em;
}

.khm {
 letter-spacing: 0.1em;
 border-bottom: 1px solid  #d60011;
 max-width: 380px;
 text-align: center;
}

.gnfl {
 display: block;
}


/*プライバシーポリシー設定*/
.prbli {
  margin: 0;
  padding: 0;
  width: 380px;/*スマホ画面ここのみ変更設定*/
  font-size: 16px;
}

.prbli ul{
  margin-top:-20px;
  margin-bottom: 30px;
  padding-left: 30px;
  width: 960px;
  font-size: 16px;
}

.prblita p {
 margin-top: 0px;

}

/*ご入居者様の声スマホ設定*/
.nkli {
  margin: 0;
  padding: 0;
  width: 960px;
  font-size: 16px;
}

.nkli ul{
   margin-top:-20px;
  margin-bottom: 30px;
  padding-left: 20px;
  width: 960px;
  font-size: 16px;
}

.nklita ul li {
 font-size: 13px;
 letter-spacing: 0.1em;
 
}

/*index画面見学声更新料ボタン下余白*/
.koepc {
 margin-bottom: 20px;

}


/*お問合せ入居者声更新料ボタン調整*/

button{
displainline-block;
background: white;
padding:5px 5px;
text-align:center;
color: black;
margin:10px ;
border:1px solid;
cursor:pointer;
font-size: 13px;
letter-spacing:0.04em
}

/*お問合せ入居者声更新料ホバー時の指定*/
.koepc tr td button:hover {
    color:#d60011; 
 
}


/*出町柳館*/

 #manshon {
        display: none;
    }
    
 #manshonsp {
        display: block;
     text-align: center;
  letter-spacing: 0.1em;
    }
    
.manshonsplogo {
    width: 380px;
    margin: 0 auto;
   margin-bottom: 10px;
    }


.manshonspta {
   margin-bottom: 20px;
    
   
    }
.manshonspta td {
   font-size:13px; 
    border-bottom: 1px solid black;
    
   
    }
    
.manshonspta tr td {
    width: 380px;
    margin: 0 auto;
    border-bottom: 1px solid black;
    letter-spacing: 0.2em;
    }

.card-container{
    display: block;
}

.card-img {
    display: block;
    width: 340px;
    text-align: center;
    background-color: blue
}

.card-text1 a  {
    display: block;
   margin: 0 auto;
    width: 380px;
}

.card-text2 {
  display: block;
    width: 380px;
}

.card-text2 tr tr {
    font-size: 8px;
   width: 380px;
    margin: 0 auto
}

/*室町出町柳館間取り紹介文設定*/
.mukanma {
 margin-bottom:20px;
 letter-spacing:0.1em;
}

.mukanma p {
 margin-top: -35px;
 margin-bottom: 12px
 font-size: 9px;

   
}

.mukanma ul li {
 margin-left:20px;
 font-size: 12px;
   
}




/*弁財天館と室町館のPC画面、横並べflex解除*/
.set {
 display: block; 
}

/*弁財天館*/

 #manshonben {
        display: none;
    }
    
 #manshonbensp {
        display: block;
     text-align: center;
  letter-spacing: 0.1em;
     }
    
.manshonbensplogo {
    width: 380px;
    margin: 0 auto;
   margin-bottom: 10px;
    }
    
.manshonbenspta td {
   font-size:13px; 
    border-bottom: 1px solid black;
   
    }
    
.manshonbenspta tr td {
    width: 380px;
    margin: 0 auto;
    border-bottom: 1px solid black;
    letter-spacing: 0.2em;

    }


.manshonbenspta  {
    
    margin-bottom: 30px;
 
}

/*同志社生協説明文を上に移動余白つめるスマホ設定*/
.dose {
 margin-top: -30px;/*弁財天館*/
}


.card-containerben{
    display: block;
}

.card-imgben {
    display: block;
    width: 340px;
    text-align: center;
    background-color: blue
}

.card-text1ben a  {
    display: block;
   margin: 0 auto;
    width: 380px;
}

.card-textben2 {
  display: block;
    width: 380px;
}

.card-textben2 tr tr {
    font-size: 8px;
   width: 380px;
    margin: 0 auto
}
  
/*最新情報と会社情報スマホ非表示*/
#news {
   display: none;
    }
/*最新情報と会社情報スマホ表示*/    
#newssp {
  display: block;    
margin-bottom: 10px;
    }

.newsspta td {
   font-size: 13px; 
    border-bottom: 1px solid black;
     margin: 0 auto;
    width: 380px;
    text-align: left;
    word-wrap: break-word;
    
    }
    
.newsspta {
border-collapse: collapse;
    }
    
#newssph2 {
        display: block;
    }
 
 /*最新情報スマホ画面用調整*/   
.newssptasaishin {
    font-size: 13px; 
   border-bottom: 1px solid black;     
    }
    
/*Newsの左右マージン調整*/
#news { 
 margin: 0 auto;
    width: 380px;
}

/*会社情報の左右マージン調整*/
.kaishajoho td {  
    font-size: 12px; 
    border-bottom: 1px solid black;
 　　margin: 0 auto;
    width: 380px;
   } 
    

/*室内写真スマホ設定*/
.shitsunaishashin {
   display: none;
 }

 .shitsunaishashinsp {
   display: block;
     margin: 0 auto;
     width: 380px;
  } 
    
.shitsunaishashinsp img {
    display: block;
    margin: 0 auto;
    width: 240px;
    text-align: center;
    margin-bottom: 5px;
  } 

/*更新料0円html設定*/
.kzo {
  margin-bottom: 20px;
  Letter-spacing: 0.1em;
}

.kzo ul{
  margin-left: 25px;
  margin-top:-20px;
 font-size: 14px;

}

.kzop {
 font-weight: 600;
 font-size: 14px;
 }

    
/*出町柳館詳細表PC用表示しない*/
  
table.hyou1 {
     display: none;
 }
    
 /*出町柳館詳細表スマホ用設定*/ 
.hyou1sp{
 display: block;
 border-collapse: collapse;
 margin: 0 auto;
 width: 370px;
 margin: 10px;
  }
    
.hyou1sp tr th{
    width: 70px; 
    border: 1px solid black;   
     font-size: 12px;
    font-family:"游ゴシック","arial unicode ms",sans-serif； 
  }
    
.hyou1sp tr td{
    font-size: 12px;
    border: 1px solid black;
    padding-left: 0.5em;
    padding-right: 0.5em;
  font-family:"游ゴシック","arial unicode ms",sans-serif； 
   

 }  

 /*間取りｐｃ表示とスマホ非表示設定はじまり*/
.madori {
    display: none;
   }
    
.msp { 
    display: block;
      width: 380px;
    margin: 0 auto;
    text-align: center;
    }
    
.msp img {
     width: 120px;   
    }

.msp p {
     margin-bottom:0px;  
    }

.midashi{
    font-size: 14px;
    border-bottom: solid 1px #d60011;
    height: 45px;
    margin-bottom: 20px;
   letter-spacing: 0.2em;
    width: 380px;
}


/*菊岡家出町柳館ｈ３調整*/

.midashikapc{
    display: none;
}

.midashisp {
 display: block;
 border-bottom: 1px solid #d60011;
 letter-spacing: 0.2em;
 
}


/*会社概要midashisp効かないので下記kgsで設定スマホ表示設定*/
.kgs {
 display: block;
}


 /*間取り弁財天館PC非表示と設定はじまり*/
.madoriben {
    display: none;
   }
    
.msp1 { 
    display: block;
      width: 380px;
       text-align: center;
       }
    
.msp1 p{
   height: 2em;
 
}

.msp1 img{
    margin-top: -30px;
}


.msp img {
  
     width: 120px;   
    }

/*間取り説明文設定*/
.bikou　{
      width: 250px;
    } 

p.demachibikou  {
    font-size:13px;
    text-align: left;
   letter-spacing: 0.1em;
    }  
    
.map {
    display: block;
    width: 380px;
  margin: 0 auto;  
 margin-bottom: 10px;    
    }


.opc {
 text-align: center;

}
    
/*ハンバーガーメニュースマホ画面表示*/
.hamburger-menu {
    display: block;
}

 /*ハンバーガーメニュー設定*/   
.menu-btn {
    position: fixed;
    top: 18px;
    display: flex;
    height: 10px;
    width: 350px;
    justify-content: right;
    align-items: center;
    z-index: 90;
    background-color: transparent;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: black;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: gray;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

/*お問合せ*/
.fm01 input[type=text] {
    width: 260px;
    border: 1px solid black;
}

.fm01 input[type=email] {
    width: 260px;
    border: 1px solid black;
}

.fm01 input[type=tel] {
    width: 260px;
    border: 1px solid black;
}

.fm01 textarea {
    padding: 10px;
   height: 70px;
   font-size: 14px;
   width: 85.5%;
    border: 1px solid black;
}

.fm01 input[type=submit] {
    margin: 0 auto;
    width: 150px;
    display: block;
}

.fm01 {
    display: block;
    margin: 0 auto;
    width: 380px;
}

.confm01 {
    display: block;
    margin: 0 auto;
    width: 380px;
}

.confm01 input[type=submit] {
    margin: 0 auto;
    width: 150px;
    display: block;
}

.mailfm01 {
    display: block;
    margin: 0 auto;
    width: 380px;
}

.footer02 .enu {
    gap:10px;
    
   }

}