@charset "UTF-8";
@media screen and (min-width: 641px), screen and (orientation: landscape) { #in-main-contents #inner-box { width: 1100px; padding-bottom: 0; }
  #in-main-contents { background-color: #22222a; background-image: url(../images/renovation/contents-bg.jpg); background-repeat: repeat-y; background-position: center -440px; }
  #h2-title { background: url(../images/renovation/main.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  #h3-title .page-deco { position: absolute; left: -182px; top: -16px; }
  #h3-title .rel-Box { margin-top: 48px; width: 255px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 24px; }
  #h3-title .dis-b { display: block; }
  #h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
  #h3-title .mb-01 { margin-bottom: 43px; }
  #inner-box { background-color: #ffffff; background-image: url(../images/renovation/bg01.png); background-position: top 0px left 221px; background-repeat: no-repeat; }
  #page_renovation01 { padding-top: 55px; border-bottom: 2px solid; }
  #page_renovation01 .txt { width: 848px; color: #0a090a; font-size: 16px; line-height: 2.3; margin: 0 auto 81px; }
  /*#page_renovation01*/
  #page_renovation02 { background-image: url(../images/renovation/bg03.png); padding: 60px 50px 100px; /*.Box-01*/ }
  #page_renovation02 .ttl { text-align: center; padding-top: 16px; padding-bottom: 14px; border-top: 4px solid #22222a; border-bottom: 4px solid #22222a; width: 488px; margin-left: auto; margin-right: auto; position: relative; background-color: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 35px; font-weight: 600; color: #0a090a; line-height: 1.6; letter-spacing: 2px; margin-bottom: 56px; }
  #page_renovation02 .deco-l { position: absolute; left: -28px; top: -4px; }
  #page_renovation02 .deco-r { position: absolute; right: -28px; top: -4px; }
  #page_renovation02 .deco { position: absolute; right: -61px; top: 14px; }
  #page_renovation02 strong { color: #aa7000; }
  #page_renovation02 .txt { width: 622px; height: 560px; color: #0a090a; font-size: 16px; line-height: 2.3; background-color: #ffffff; padding: 45px 36px 60px 42px; }
  #page_renovation02 .Box-01 { background-color: #fff; margin-bottom: 48px; }
  #page_renovation02 .Box-01 .Box-l { width: 380px; position: relative; }
  #page_renovation02 .Box-01 .deco { position: absolute; top: -106px; left: 70px; }
  #page_renovation02 .ttl-02 { width: 102px; background-color: #003044; padding: 39px 32px 0px; color: #ffffff; font-size: 30px; font-weight: 600; letter-spacing: 3px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

  #page_renovation02 .ttl-03 { width: 102px; background-color: #003044; padding: 39px 32px 30px; color: #ffffff; font-size: 25px; font-weight: 600; letter-spacing: 3px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
  #page_renovation02 .Box-r { color: #0a090a; font-size: 16px; line-height: 2.0; padding: 44px 42px 40px 52px; width: 625px; }
  #page_renovation02 .Box-r02 { color: #0a090a; font-size: 16px; line-height: 2.0; padding: 44px 42px 60px 34px; }
  /*#page_renovation02*/
  #page_renovation03 { background-image: url(../images/renovation/ttl02.png); background-position: top 69px left 202px; background-repeat: no-repeat; padding-top: 150px; }
  #page_renovation03 .sub_ttl { font-size: 22px; font-weight: 600; line-height: 46px; color: #0a090a; }
  #page_renovation03 .inner_txt { color: #aa7000; }
  #page_renovation03 .Box { width: 930px; border: 2px solid; background-image: url(../images/renovation/bg04.png); padding: 100px 40px 50px; margin: 0 auto 80px; }
  #page_renovation03 .dammy_Box { width: 400px; height: 300px; background-color: #626262; margin-right: 16px; }
  #page_renovation03 .bnr { position: absolute; top: -41px; left: 269px; }
  #page_renovation03 .icon01 { align-self: center; margin-right: 10px; }
  #page_renovation03 .txt { color: #0a090a; font-size: 16px; line-height: 2.2; margin-bottom: 45px; }
  /*#page_renovation03*/
  #page_renovation04 { background-image: url(../images/renovation/bg05_05.png); background-position: bottom; background-repeat: no-repeat; padding-bottom: 43px; }
  #page_renovation04 .txt { font-size: 25px; font-weight: bold; line-height: 2.4; margin-bottom: 25px; }
  /*#page_renovation04*/
  #page_renovation05 { background-color: #003d57; padding: 50px 0 65px 0; }
  #page_renovation05 .txt { color: #ffffff; font-size: 22px; line-height: 2; }
  #page_renovation05 .txt:after { content: url(../images/renovation/right.png); padding-left: 20px; }
  #page_renovation05 .txt:before { content: url(../images/renovation/left.png); padding-right: 20px; }
  /*#page_renovation05*/
  /* Ten Coding -------------------------------------*/
  img { vertical-align: bottom; }
  .nobd a:hover { text-decoration: none !important; }
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; }
  .sis-pic { text-align: center; }
  .sis-pic img { max-width: 100% !important; height: auto !important; }
  .ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ten-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .ten-txt-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .ten-mce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .ten-u { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }
  .order { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-t { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
  .ten-ue { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .ten-o { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-rt { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; } }
@media screen and (orientation: portrait) and (max-width: 640px) { #in-main-contents #inner-box { width: 100%; padding-bottom: 0; }
  #in-main-contents { background-color: #22222a; background-image: url(../images/renovation/contents-bg.jpg); background-repeat: repeat-y; background-position: center -440px; }
  #h2-title { background: url(../images/renovation/main.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  #h3-title .page-deco { position: absolute; left: -182px; top: -16px; }
  #h3-title .rel-Box { margin-top: 48px; width: 100%; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 24px; }
  #h3-title .dis-b { display: block; }
  #h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
  #h3-title .mb-01 { margin-bottom: 43px; }
  #inner-box { background-color: #ffffff; background-image: url(../images/renovation/bg01.png); background-position: top 0px left 221px; background-repeat: no-repeat; }
  #page_renovation01 { border-bottom: 2px solid; padding: 5%; }
  #page_renovation01 .sp-mb-01{
		margin-bottom: 8%;
		}
		
		
		
  #page_renovation01 .txt { width: 100%; color: #0a090a; font-size: 16px; line-height: 2.3; margin: 0 auto 12%; }
  /*#page_renovation01*/
  #page_renovation02 { background-image: url(../images/renovation/bg03.png); padding: 10% 5%; /*.Box-01*/ }
		
  #page_renovation02 .mb45{
		margin-bottom: 10%;
		
		}
		
		
		
  #page_renovation02 .ttl { text-align: center; padding-top: 16px; padding-bottom: 14px; border-top: 4px solid #22222a; border-bottom: 4px solid #22222a; width: 100%; margin-left: auto; margin-right: auto; position: relative; background-color: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2rem; font-weight: 600; color: #0a090a; line-height: 1.6; letter-spacing: 2px; margin-bottom: 9%; }
		
		
  #page_renovation02 .deco-l { position: absolute; left: -28px; top: -4px; }
  #page_renovation02 .deco-r { position: absolute; right: -28px; top: -4px; }
  #page_renovation02 .deco { position: absolute; right: -61px; top: 14px; }
  #page_renovation02 strong { color: #aa7000; }
  #page_renovation02 .txt { width: 100%; height: 560px; color: #0a090a; font-size: 16px; line-height: 2.3; background-color: #ffffff; padding: 45px 36px 60px 42px; }
  #page_renovation02 .Box-01 { background-color: #fff; margin-bottom: 6%; }
  #page_renovation02 .Box-01 .Box-l { width: 100%; position: relative; }
  #page_renovation02 .Box-01 .deco { position: absolute; top: -106px; left: 70px; }
  #page_renovation02 .ttl-02, .ttl-03 { width: 100%; background-color: #003044; padding: 3% 5% 4%; color: #ffffff; font-size: 2rem; font-weight: 600; letter-spacing: 3px; writing-mode: inherit; writing-mode: initial; writing-mode: unsel; line-height: 1.5; text-align: center; }
  #page_renovation02 .ttl-02:before { content: url(../images/shop/icon03.png); display: block; text-align: center; margin-bottom: 2%; }
  #page_renovation02 .ttl-03:before { content: url(../images/shop/icon03.png); display: block; text-align: center; margin-bottom: 2%; }
  #page_renovation02 .Box-r { color: #0a090a; font-size: 16px; line-height: 2.3; padding: 5%; }
  #page_renovation02 .Box-r02 { color: #0a090a; font-size: 16px; line-height: 2.3; padding: 5%; }
  /*#page_renovation02*/
  #page_renovation03 { background-image: none; background-position: top 69px left 202px; background-repeat: no-repeat; padding-top: 20%; }
  #page_renovation03 .sub_ttl { font-size: 22px; font-weight: 600; line-height: 46px; color: #0a090a; }
  #page_renovation03 .sp-mb-01 { margin-bottom: 14%; }
  #page_renovation03 .inner_txt { color: #aa7000; }
  #page_renovation03 .Box { width: 90%; border: 2px solid; background-image: url(../images/renovation/bg04.png); padding: 15% 5% 10%; margin: 0 5% 12%; }
  #page_renovation03 .dammy_Box { width: 100%; height: auto; background-color: #626262; margin-right: 16px; }
  #page_renovation03 .bnr { position: absolute; width: 70%; left: 0; right: 0; top: -2%; margin-left: auto; margin-right: auto; text-align: center; }
  #page_renovation03 .dammy_Box { background-color: #ccc; width: 100%; height: 150px; }
  #page_renovation03 .icon01 { margin-right: 0px; text-align: center; padding-top: 2%; padding-bottom: 2%; }
  #page_renovation03 .icon01 img { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
  #page_renovation03 .txt { color: #0a090a; font-size: 16px; line-height: 2.2; margin-bottom: 45px; }
  /*#page_renovation03*/
  #page_renovation04 { background-image: none; background-position: bottom; background-repeat: no-repeat; padding-bottom: 8%; padding-left: 5%; padding-right: 5%; }
		
		
  #page_renovation04 .txt { width: 100%; margin-left: auto; margin-right: auto; background-image: none, none; background-repeat: no-repeat,no-repeat; background-position: left 10px, right 10px; padding-left: 0px; padding-right: 0px;  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 2rem; font-weight: 700; line-height: 1.7; color: #0a090a; margin-bottom: 5%;
		text-align: left;
		}
		
		
		
  /*#page_renovation04*/
  #page_renovation05 { padding: 5%; text-align: center; background-color: #003d57; color: #fff; }
  #page_renovation05.mb50 { margin-bottom: 0; }
  #page_renovation05 .txt { color: #ffffff; font-size: 22px; line-height: 2; }
  #page_renovation05 .txt:after { content: none; padding-left: 0px; }
  #page_renovation05 .txt:before { content: none; padding-right: 0px; } }