@charset "shift_jis";

/*****************************************************
[CSS Information]
	File Name: door.css
*****************************************************/

/* ===============================================
	イメージカラー設定
=============================================== */
body.navimenu .bg-color {
  background: #ee7a00;
  color: #ee7a00;
}

body.avantos .bg-color {
  background: #303433;
  color: #303433;
}

body.da .bg-color {
  background: #ee7a00;
  color: #ee7a00;
}

body.giesta2 .bg-color {
  background: #ee7a00;
  color: #ee7a00;
}

body.grandel2 .bg-color {
  background: #421407;
  color: #421407;
}

body.rechent3 .bg-color {
  background: #70bb00;
  color: #70bb00;
}

body.lmove2 .bg-color {
  background: #ee7a00;
  color: #ee7a00;
}

body.k3series .bg-color {
  background: #58749b;
  color: #58749b;
}

body.pgseries .bg-color {
  background: #cb663c;
  color: #cb663c;
}

/* ===============================================
	共通
=============================================== */

/* ヘッダー */
.lxl-header {
  min-width: 948px;
  height: 95px;
  margin: 0 auto;
}

.lxl-header div {
  width: 948px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.lxl-header div.bg-color {
  background: #ffffff;
}

.lxl-header a {
  width: 131px;
}

.lxl-header p {
  font-size: 170%;
  font-weight: bold;
  color: #4b4949;
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translate(0%, -50%);
}

.lxl-header span {
  float: right;
  width: 400px;
  height: 100%;
  border-left: 5px solid #ffffff;
}

.lxl-header span p {
  margin: 0;
  right: 40px;
}

.lxl-header img {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

body.giesta2 .lxl-header p,
body.da .lxl-header p,
body.grandel2 .lxl-header p {
  line-height: 1.3;
}

/* rechent3 */
body.rechent3 .lxl-header img {
  background: none;
}

/* 背景色あり */
.lxl-bg-color {
  float: left;
  width: 100%;
  background: #f6f4ee;
}

/* コンテンツ */
.lxl-contents {
  float: left;
  width: 948px;
  height: 752px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
}

.lxl-contents p.common-title {
  font-size: 240%;
  font-weight: bold;
  margin: 20px 0px;
}

.lxl-contents p.common-title span {
  margin-right: 15px;
}

.lxl-contents img.fullsize {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* rechent3_1DAYリフォームの秘密を見る */
body.rechent3 .lxl-contents div#common-secret {
  position: absolute;
  bottom: 200px;
  left: 40px;
}

/* ページ送り */
.lxl-contents div.btn-arrow-left {
  float: left;
  margin-right: 5px;
  position: absolute;
  top: 15px;
  left: 0;
  display: none;
}

.lxl-contents div.btn-arrow-right {
  float: right;
  margin-left: 5px;
  position: absolute;
  top: 15px;
  left: 1050px;
  display: none;
}

/* パンくず */
.lxl-topicpath {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  clear: both;
  color: #999;
  font-size: 91.6%;
  margin: 15px 0 14px;
  line-height: 1;
  overflow: hidden;
}

.lxl-topicpath p,
.lxl-topicpath span,
.lxl-topicpath a {
  float: left;
}

.lxl-topicpath span {
  margin: 0 5px;
  transform: scale(0.75);
  color: #000;
}

.lxl-topicpath a {
  width: auto;
  color: #f08302;
  text-decoration: underline;
}

.btn-link div.btn-backmain,
.btn-link div.btn-gototop,
.btn-link div.btn-navitop {
  float: right;
  width: 134px;
  height: 24px;
  border-radius: 0px;
  background: linear-gradient(#f59e2d, #f08302);
  position: relative;
}

.btn-link p {
  font-size: 110%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.2;
}

.btn-link div.btn-pageback {
  float: left;
  width: 134px;
  height: 24px;
  border-radius: 0px;
  box-sizing: border-box;
  background: none;
  position: relative;
}

.btn-link div.btn-pageback p {
  color: #f08302;
}

/* フッター */
.lxl-footer {
  float: left;
  width: 100%;
  height: 55px;
  border-top: 2px solid #d7d3d2;
  position: relative;
}

.lxl-footer img.img-lxllogo {
  float: left;
}

.lxl-footer div.btn-backmain,
.lxl-footer div.btn-gototop,
.lxl-footer div.btn-navitop {
  float: left;
  width: 198px;
  height: 61px;
  border-radius: 10px;
  background: linear-gradient(#f59e2d, #f08302);
  margin-top: 15px;
  margin-left: 17px;
  position: relative;
}

.lxl-footer div.btn-gototop {
  width: 142px;
}

.lxl-footer p {
  font-size: 170%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.2;
}

.lxl-footer div.btn-navitop p:first-line {
  white-space: nowrap;
  letter-spacing: -0.7px;
}

.lxl-footer div.btn-pageback {
  float: right;
  width: 177px;
  height: 61px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 3px solid #d0d0d0;
  background: #ffffff;
  margin-top: 15px;
  margin-right: 8px;
  position: relative;
}

.lxl-footer div.btn-pageback img {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0%, -50%);
}

.lxl-footer div.btn-pageback p {
  color: #4b4949;
  transform: translate(-25%, -50%);
  width: auto;
  text-align: left;
}

/* FB */
.lixTmplNavFB {
  float: left;
  line-height: 1.1;
  margin: 10px 0;
  width: 948px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}

.lixTmplNavFB li {
  float: left;
  margin: 0 20px 10px 0;
  padding: 0 0 0 9px;
}

.lixTmplNavFB li a {
  color: #666666;
  text-decoration: underline;
}

.lixTmplCopy {
  clear: both;
  float: left;
}

/* ===== ボタン関係 ===== */
/* 外壁って? */
.btn-wall-detail {
  float: right;
  width: 110px;
  height: 24px;
  border-radius: 0px;
  margin-top: 0px;
  margin-right: 40px;
  background: #777777;
  position: relative;
}

.btn-wall-detail p {
  font-size: 125%;
  font-weight: bold;
  color: #ffffff;
  position: relative;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  width: auto;
  text-align: center;
  line-height: 1.2;
  padding-left: 23px;
}

.btn-wall-detail span {
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translate(0%, -50%);
}

.btn-wall-detail span p {
  color: #777777;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 0;
}

/* 閉じる */
.btn-close {
  width: 113px;
  height: 61px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 3px solid #686868;
  background: #7f7f7f;
}

.btn-close p {
  font-size: 200%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

/* プラン詳細確認・保存・保存一覧 */
.lxl-footer #btn-bottom-menu div,
.main div#savelistbottom a,
.main a#plan_close {
  float: left;
  width: 113px;
  height: 61px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 3px solid #d0d0d0;
  background: #ffffff;
  position: relative;
}

.lxl-footer #btn-bottom-menu div p,
.main div#savelistbottom p,
.main a#plan_close p {
  font-size: 170%;
  font-weight: bold;
  color: #ef7a00;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.2;
}

/* ===============================================
	common/default.htm, newmodel.htm
=============================================== */
.menu-default div,
.menu-newmodel div {
  float: left;
  width: 474px;
  height: 916px;
  border-radius: 10px;
  position: absolute;
  top: 100px;
}

.menu-default div {
  height: 755px;
  box-sizing: border-box;
  border: 4px solid #ee7a00;
  border-top: 20px solid #ee7a00;
}

.menu-default div.bg-color {
  background: #fbf1e7;
}

.menu-default div p,
.menu-newmodel div p {
  font-size: 360%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  width: 474px;
  height: 222px;
  display: table-cell;
  vertical-align: middle;
}

.menu-default div p {
  color: #ee7a00;
  width: 466px;
  height: 200px;
  line-height: 1.3;
}

.menu-default div img,
.menu-newmodel div img {
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translate(-50%, 0%);
  border-radius: 0 0 7px 7px;
}

.menu-default div img {
  bottom: 0px;
}

/* ===============================================
	main.htm
=============================================== */

/* ヘッダー */
.lxl-header p#product_name {
  font-size: 300%;
  color: #808080;
  position: absolute;
  top: 55%;
  left: 200px;
  transform: translate(0%, -50%);
}

.lxl-header p#product_dannetsu {
  font-size: 230%;
  color: #808080;
  margin-left: 0;
  top: 55%;
  left: 35%;
}

/* フッター */
.lxl-footer div.btn-pageback.main p {
  color: #ef7a00;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.lxl-footer #btn-bottom-menu {
  float: left;
  position: absolute;
  margin: 0 289.5px;
}

.lxl-footer #btn-bottom-menu div {
  margin: 15px 5px 0;
}

.lxl-footer #btn-print {
  float: left;
  width: 69px;
  height: 61px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 3px solid #d0d0d0;
  background: linear-gradient(#f59e2d, #f08302);
  position: absolute;
  top: 15px;
  left: 684px;
}

.lxl-footer #btn-print img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lxl-contents .lxl-footer {
  margin-top: 10px;
  height: auto;
  z-index: 10;
}

/* 画像 */
.zoom-out div#product_box_main,
.zoom-out div#product_box_bg,
.zoom-out div#product_box_tile,
.zoom-out div#product_box_sash {
  transform: scale(0.58037578);
}

.main div#product_img,
.main div#product_box_bg {
  width: 570px;
  height: 633px;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.main div#product_box_bg {
  height: 677px;
}

.main div#product_box_main,
.main div#product_box_tile,
.main div#product_box_sash,
.main div#product_box_zoom {
  width: 570px;
  height: 677px;
  position: absolute;
  top: 0;
  left: 0;
}

.main div#product_box_zoom img {
  position: absolute;
  top: 0;
  left: 0;
}

.main div#product_box_zoom {
  display: none;
}

.main div#zoom_box_wall {
  width: 570px;
  height: 677px;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.main div#product_box_tile img {
  position: absolute;
  top: 592px;
  left: 0;
}

.main div#option_img {
  position: absolute;
  top: 0;
  left: 0;
}

.main div#naikan_img {
  position: relative;
  top: 0;
  left: 0;
}

.main div#naikan_img img {
  position: absolute;
  top: 0;
  left: 0;
}

/* ナビメニュー */
.main div#navi_menu {
  width: 372px;
  height: 80px;
  background-color: #e9f4f6;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  box-sizing: border-box;
  border: 3px solid #bad4e1;
}

/* 内外観切替ボタン */
.main div#naigaikan_buttom {
  float: right;
  margin: 10px 30px 0 0;
  display: none;
}

/* 価格 */
.main div#product_price {
  font-size: 220%;
  font-weight: bold;
  float: right;
  margin: 0 80px 0 20px;
}

.main div#text_price {
  font-size: 100%;
  float: right;
  margin-top: 18px;
}

.main div#text_price2 {
  font-size: 100%;
  position: absolute;
  top: 38px;
  left: 50%;
  font-weight: normal;
  line-height: 1.2;
  transform: scale(0.8) translate(-50%, 0%);
  transform-origin: top left;
  white-space: nowrap;
}

/* セレクトメニュー */
.main div#select_menu {
  width: 372px;
  height: 553px;
  box-sizing: border-box;
  border: 3px solid #bad4e1;
  position: absolute;
  top: 80px;
  right: 0;
}

.main div#select_menu a {
  width: 100%;
  height: 100%;
  display: block;
}

.main div#select_menu ul {
  float: left;
  width: 32px;
  height: 100%;
}

.main div#select_menu ul#select_menu_2,
.main div#select_menu ul#select_menu_3,
.main div#select_menu ul#select_menu_4,
.main div#select_menu ul#select_menu_5 {
  width: 334px;
  height: 50px;
  position: relative;
  z-index: 10;
}

.main ul#select_menu_2,
.main ul#select_menu_3,
.main ul#select_menu_4,
.main ul#select_menu_5 {
  display: none;
}

.main div#select_menu ul li {
  float: left;
  background: #ffffff;
  border-radius: 0 10px 10px 0;
  border: 1px solid #777;
  border-left: none;
  box-sizing: border-box;
  position: relative;
  width: 32px;
  /*height: 60.7777778px;*/
  margin: 0;
}

.main div#select_menu ul#select_menu_2 li,
.main div#select_menu ul#select_menu_3 li,
.main div#select_menu ul#select_menu_4 li,
.main div#select_menu ul#select_menu_5 li {
  border-radius: 10px;
  box-sizing: border-box;
  border: 1px solid #777;
  position: relative;
  width: 80px;
  height: 30px;
  margin: 10px 0 10px 3px;
}

/* avantos */ /* grandel2 */ /* giesta2 */ /* da */
/*body.avantos .main div#select_menu ul li,
body.grandel2 .main div#select_menu ul li,
body.giesta2 .main div#select_menu ul li,
body.da .main div#select_menu ul li {
	height: 68.375px;
}*/

/* rechent3 */
body.rechent3 .main ul#select_menu_1 li {
  width: 180px;
}
body.rechent3 .main ul#select_menu_2 li,
body.rechent3 .main ul#select_menu_3 li {
  width: 154.285714px;
}

.main div#select_menu ul li p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 90%;
  font-weight: bold;
  color: #777;
  /*text-shadow: 1px 1px 2px #FFF;*/
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1px;
}

.main div#select_menu ul#select_menu_1 li p {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.main div#select_menu ul li.img-selected {
  background: linear-gradient(to left, #b3b3b3, #333);
  border: 1px solid #333;
  border-left: none;
}

.main div#select_menu ul li.img-selected p {
  color: #fff;
  /*text-shadow: 1px 1px 2px #000;*/
}

.main div#select_menu ul li.btn_menu_back {
  float: left;
}

.main ul#select_menu_2 div#tile_price {
  font-size: 225%;
  position: absolute;
  top: 1320px;
  right: 180px;
  display: none;
}

.main ul#select_menu_2 div#text_tile_price {
  font-size: 150%;
  position: absolute;
  top: 1330px;
  right: 350px;
  display: none;
}

/* メインメニュー */
.main #main_menu {
  float: left;
  width: 334px;
  height: 547px;
  position: absolute;
  top: 83px;
  right: 3px;
  overflow-x: hidden;
  overflow-y: auto;
}

#select_menu_design,
#select_menu_color,
#select_menu_oyako,
#select_menu_handle,
#select_menu_entry,
#select_menu_wall,
#select_menu_option {
  float: left;
  width: 334px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: none;
  position: absolute;
}

#select_menu_color {
  display: block;
}

/* デザイン */
.main div#select_menu_design div {
  float: left;
  display: none;
  margin: 4px 0 0 4px;
  position: relative;
}

.main div#select_menu_design div a {
  width: 95px;
}

.main div#select_menu_design div a img {
  width: 95px;
}

.main div#select_menu_design div a p {
  font-size: 100%;
  color: #000;
  text-align: center;
}

/* avantos */ /* lmove2 */
body.avantos .main div#select_menu_design div a img,
body.lmove2 .main div#select_menu_design div a img {
  width: 75px;
  margin: 5px 10px 0;
}

/* カラー */
.main div#select_menu_color_color {
  float: left;
}

#select_menu_color div.w750 {
  /*width: 750px;*/
}

.main div#select_menu_color_color div {
  float: left;
  display: inline;
  margin: 10px 0 0 10px;
  position: relative;
}

.main div#select_menu_color_color div a span {
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 100%;
  font-weight: normal;
  transform: scale(0.8);
  transform-origin: right;
}

.main div#select_menu_color_color div a p {
  position: absolute;
  bottom: 2px;
  left: 5px;
  font-size: 100%;
  font-weight: bold;
  white-space: nowrap;
  transform: scale(0.8);
  transform-origin: left;
}

.main div#select_menu_color_color div a img {
  width: 130px;
}

/* オーナメント */
.main div#select_menu_color_ornament {
  width: 100%;
  float: left;
}

.main div#select_menu_color_ornament span.text_bar {
  float: left;
  width: 95%;
  height: 25px;
  background: #aaa;
  position: relative;
  top: 6px;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-bottom: 8px;
}

.main div#select_menu_color_ornament span.text_bar p {
  font-size: 120%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0%, -50%);
}

.main div#select_menu_color_ornament div {
  float: left;
  margin: 10px 0 0 10px;
}

.main div#select_menu_color_ornament div a img {
  width: 130px;
}

.main div#select_menu_color_ornament div span {
  float: left;
  width: 140px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(#d0d0d0, #bbbbbb);
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  top: 10px;
  left: 50%;
  transform: translate(-50%, 0%);
  position: relative;
}

.main div#select_menu_color_ornament div.btn_select_none {
  float: left;
  width: auto;
  height: auto;
  margin: 26px 19.5px;
  border: none;
}

.main div#select_menu_color_ornament div.btn_select_none a span {
  width: 121px;
  height: 40px;
  top: 0;
  border: 3px solid #aaaaaa;
}

.main div#select_menu_color_ornament div.img-selected a span {
  background: linear-gradient(#f59e2d, #f08302);
  border-color: #ef7a00;
}

.main div#select_menu_color_ornament div p {
  font-size: 170%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

/* ドアサイズ */
.main div.oyako_waku {
  float: left;
  display: inline;
  /*margin-top: 2px;
	padding: 2px;
	border-right: 2px solid #cfcfce;*/
}

.main div.oyako_waku div {
  float: left;
  margin: 10px;
}

.main div.oyako_waku div img {
  width: 130px;
}

/* giesta2 da_子扉 */
body.giesta2 .main div#oyako_box,
body.da .main div#oyako_box {
  height: 497px;
  margin-top: 50px;
  overflow-x: hidden;
  overflow-y: auto;
}

.main div#select_menu_kotobira {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #ffffff;
}

.main div#select_menu_kotobira div {
  margin: 2px;
}

/* lmove2_枠サイズ */
.main div#select_menu_wakusize {
  float: left;
}

.main div#select_menu_wakusize div {
  float: left;
  width: 150px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(#d0d0d0, #bbbbbb);
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  margin: 10px 8.5px 2px;
  position: relative;
}

.main div#select_menu_wakusize div.img-selected {
  background: linear-gradient(#f59e2d, #f08302);
  border-color: #ef7a00;
}

.main div#select_menu_wakusize p {
  font-size: 119%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.3;
}

.main div#select_menu_wakusize div#text_wakusize {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  margin: 0;
  padding-right: 10px;
  font-size: 84%;
  font-weight: bold;
  text-align: right;
}

/* rechent3_枠色 */
.main div#select_wakucolor {
  position: absolute;
  top: 233px;
  left: 341px;
  width: 690px;
  height: 130px;
  display: none;
}

.main div#select_wakucolor span.text_bar {
  float: left;
  width: 100%;
  height: 24px;
  background: #aaa;
  position: relative;
  top: 8px;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-bottom: 7px;
}

.main div#select_wakucolor span.text_bar p {
  font-size: 130%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0%, -50%);
}

.main div#select_wakucolor div {
  float: left;
  margin: 4.5px 0 0 4.5px;
  position: relative;
}

.main div#select_wakucolor div p {
  position: absolute;
  bottom: 2px;
  left: 5px;
  font-size: 100%;
  font-weight: bold;
}

.main div#select_wakucolor div span {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  font-size: 150%;
  font-weight: bold;
}

/* rechent3_ポスト */
body.rechent3 .main div#select_menu_oyako div#select_post {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  display: none;
}

body.rechent3 .main div#select_menu_oyako div#select_menu_post_k15-2021,
body.rechent3 .main div#select_menu_oyako div#select_menu_post_k2k4-2021,
body.rechent3 .main div#select_menu_oyako div#select_menu_post_4041,
body.rechent3 .main div#select_menu_oyako div#select_menu_post_5556 {
  display: none;
}

body.rechent3 .main div#select_menu_oyako div#select_menu_post_k15-2021 div,
body.rechent3 .main div#select_menu_oyako div#select_menu_post_k2k4-2021 div,
body.rechent3 .main div#select_menu_oyako div#select_menu_post_4041 div,
body.rechent3 .main div#select_menu_oyako div#select_menu_post_5556 div {
  float: left;
  margin: 10px 0 10px 31px;
}

/* ハンドル */
.main div#select_menu_handle div {
  float: left;
  display: inline;
  margin: 10px -10px -10px 10px;
}

.main div#select_menu_handle div div {
  float: left;
  margin: 0;
}

.main div#select_menu_handle div img {
  width: 106px;
}

.main div#select_menu_handle div div img {
  width: 40px;
}

body.avantos .main div#select_menu_handle div {
  margin: 0;
}

body.avantos .main div#select_menu_handle div div {
  margin: 10px;
}

body.avantos .main div#select_menu_handle div div img {
  width: 130px;
}

/* ハンドルタイプ */
.main span#select_menu_handletype {
  float: left;
}

.main span#select_menu_handletype div {
  float: left;
  width: 150px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(#d0d0d0, #bbbbbb);
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  margin: 10px 8.5px 2px;
  position: relative;
}

.main span#select_menu_handletype div.img-selected {
  background: linear-gradient(#f59e2d, #f08302);
  border-color: #ef7a00;
}

.main span#select_menu_handletype p {
  font-size: 119%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.3;
}

.main span#select_menu_handletype div#text_handletype {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  margin: 0;
  padding-right: 10px;
  font-size: 84%;
  font-weight: bold;
  text-align: right;
}

/* k3series_室内側ハンドル */
.main span#select_menu_n_handle {
  float: right;
  width: 190px;
  height: auto;
  position: relative;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
}

.main span#select_menu_n_handle div {
  float: left;
  width: 150px;
  height: 50px;
  border-radius: 10px;
  background: linear-gradient(#d0d0d0, #bbbbbb);
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  margin: 15px 20px;
  position: relative;
}

.main span#select_menu_n_handle div.img-selected {
  background: linear-gradient(#f59e2d, #f08302);
  border-color: #ef7a00;
}

.main span#select_menu_n_handle p {
  font-size: 170%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.3;
}

/* エントリー */
.main div#select_menu_entry div {
  float: left;
  width: 300px;
  margin: 10px;
}

.main div#select_menu_entry div.btn_other {
  width: 300px;
  margin: 10px 10px 0;
}

.main div#select_menu_entry div.btn_cazas a {
  width: 100%;
  height: auto;
}

.main div#select_menu_entry div.btn_touch_key a,
.main div#select_menu_entry div.btn_system_key a {
  width: 50%;
  height: auto;
}

.main div#select_menu_entry a span {
  float: left;
  width: 112px;
  height: 30px;
  border-radius: 10px;
  background: linear-gradient(#d0d0d0, #bbbbbb);
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  top: 5px;
  left: 50%;
  transform: translate(-50%, 0%);
  position: relative;
}

.main div#select_menu_entry a p {
  font-size: 130%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.main div#select_menu_entry div.btn_detail_entry,
.main div#select_menu_entry div.btn_select_none {
  float: left;
  width: 150px;
  height: 40px;
  margin: 0 auto;
}

.main div#select_menu_entry div.btn_detail_entry span,
.main div#select_menu_entry div.btn_select_none span {
  width: 121px;
  height: 40px;
  top: 0;
  border: 3px solid #aaaaaa;
}

.main div#select_menu_entry div.btn_detail_entry span {
  background: #fff;
  border: 3px solid #d0d0d0;
}

.main div#select_menu_entry div.btn_detail_entry p {
  color: #000;
}

.main div#select_menu_entry div span.img-selected {
  background: linear-gradient(#f59e2d, #f08302);
  border-color: #ef7a00;
}

/* rechent3 */ /* avantos */ /* k3series */ /* pgseries */
body.rechent3
  .main
  div#select_menu_entry
  span#select_menu_entry_hikido_sg
  div.btn_touch_key
  a,
body.rechent3
  .main
  div#select_menu_entry
  span#select_menu_entry_hikido_pg
  div.btn_touch_key
  a,
body.avantos .main div#select_menu_entry div a,
body.k3series .main div#select_menu_entry div a,
body.pgseries .main div#select_menu_entry div a {
  width: 100%;
}

/* avantos */
body.avantos .main div#select_menu_entry div.btn_cazas a span.img-selected {
  background: linear-gradient(#6876a7, #405290);
  border-color: #6876a7;
}
body.avantos .main div#select_menu_entry div.btn_touch_key a span.img-selected {
  background: linear-gradient(#81bbac, #4c9f8b);
  border-color: #81bbac;
}
body.avantos
  .main
  div#select_menu_entry
  div.btn_system_key
  a
  span.img-selected {
  background: linear-gradient(#7ba9c1, #4484a7);
  border-color: #7ba9c1;
}

/* da */
body.da .main div#select_menu_entry div.btn_da {
  float: left;
  width: 300px;
  height: 225px;
  margin-top: 10px;
  border: 3px solid #aaaaaa;
  box-sizing: border-box;
  position: relative;
}

body.da .main div#select_menu_entry div.btn_da span {
  float: left;
  width: 100%;
  height: 48px;
  border-radius: 0px;
  background: #cccccc;
  border: none;
  box-sizing: border-box;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  position: relative;
}

body.da .main div#select_menu_entry div.btn_da span.img-selected {
  background-color: #ff8e8e;
}

body.da .main div#select_menu_entry div.btn_da img {
  position: absolute;
  top: 13%;
  left: 50%;
  transform: translate(-50%, 0%) scale(0.7);
}

/* オプション */
/* lmove2_パンチングパネル */
.main div#select_menu_option div {
  float: left;
  width: 300px;
  margin: 10px;
}

.main div#select_menu_option a {
  width: 100%;
  height: auto;
}

.main div#select_menu_option div span {
  float: left;
  width: 112px;
  height: 30px;
  border-radius: 10px;
  background: linear-gradient(#d0d0d0, #bbbbbb);
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  top: 10px;
  left: 50%;
  transform: translate(-50%, 0%);
  position: relative;
}

.main div#select_menu_option div.btn_select_none {
  float: left;
  width: 170px;
  height: 40px;
  margin: 10px auto 0;
}

.main div#select_menu_option div.btn_select_none a span {
  width: 121px;
  height: 40px;
  top: 0;
  border: 3px solid #aaaaaa;
}

.main div#select_menu_option div span.img-selected,
.main div#select_menu_option div.btn_select_none a span.img-selected {
  background: linear-gradient(#f59e2d, #f08302);
  border-color: #ef7a00;
}

.main div#select_menu_option div p {
  font-size: 130%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

/* lmove2_ガラス */
.main div#select_menu_option div#btn_option2 {
  position: relative;
}

.main div#select_menu_option div#btn_option2 span {
  width: 100%;
  background: #ffffff;
  border: none;
}

.main div#select_menu_option div#btn_option2 span p {
  color: #000000;
}

.main div#select_menu_option div#btn_option2 a {
  width: 137px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0%, -50%);
  border: 3px solid #ffffff;
}

.main div#select_menu_option div#btn_option2 a.img-selected {
  border: 3px solid #ef7a00;
}

/* k3series */ /* pgseries */
/* 和紙調デザインガラス・ランマ飾り */
.main span#select_menu_glass,
.main span#select_menu_ranma {
  float: left;
  width: 719px;
  height: 360px;
  margin-top: 2px;
  display: none;
  position: relative;
}

.main span#select_menu_ranma {
  width: 359px;
  border-left: 2px solid #ccc;
}

.main span#select_menu_glass span.text_bar,
.main span#select_menu_ranma span.text_bar {
  float: left;
  width: 98%;
  height: 32px;
  background: #aaa;
  position: relative;
  top: 10px;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-bottom: 10px;
}

.main span#select_menu_glass span.text_bar p,
.main span#select_menu_ranma span.text_bar p {
  font-size: 150%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0%, -50%);
}

.main span#select_menu_glass div {
  float: left;
  width: auto;
  margin: 20px 4.5px 0;
  border: 3px solid #ffffff;
}

.main span#select_menu_ranma div {
  float: left;
  margin: 15px 0 0 28.5px;
  border: 3px solid #ffffff;
}

.main span#select_menu_glass div.btn_select_none {
  margin: 0;
  position: absolute;
  top: 312px;
  left: 10px;
  border: none;
}

.main span#select_menu_glass div.btn_select_none a span {
  width: 121px;
  height: 40px;
  top: 0;
  border: 3px solid #aaaaaa;
}

.main span#select_menu_glass div.img-selected a span {
  background: linear-gradient(#f59e2d, #f08302);
  border-color: #ef7a00;
}

/* 外壁 */
.main div.select_menu_wall_class {
  float: left;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.main div#select_menu_wall_top {
  float: left;
  margin: 10px 0;
}

.main div#select_wall_menu_at,
.main div#select_z_wall_menu_at,
.main div#select_wall_menu_inax,
.main div#select_z_wall_menu_inax,
.main div#select_wall_menu_dan,
.main div#select_z_wall_menu_dan {
  float: left;
}

.main div#select_menu_wall_top p#text_wall {
  float: left;
  font-size: 135%;
  font-weight: bold;
  color: #000000;
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-bottom: 10px;
}

.main #start_wall {
  float: left;
  width: 344px;
  height: 235px;
  border-radius: 2px;
  box-sizing: border-box;
  border: 3px solid #777777;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  margin-top: 64.5px;
  margin-left: 172px;
  position: relative;
}

.main #start_wall p {
  font-size: 310%;
  font-weight: bold;
  color: #000000;
  position: absolute;
  top: 50%;
  left: 46%;
  transform: translate(-50%, -50%);
  width: 86%;
}

.main #start_wall span {
  float: right;
  width: 35px;
  height: 100%;
  background: #4c4c4c;
  position: relative;
}

.main #start_wall span p {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.main #detail_wall {
  float: left;
  margin-right: 0;
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}

.main div.panel_wall {
  float: left;
  width: 90%;
  height: 100%;
  /*border-left: 1px solid #cfcfce;
	border-right: 1px solid #cfcfce;*/
  margin: 10px 5% 0;
}

.main div.panel_wall div img {
  width: 130px;
}

.main div.panel_wall div {
  float: left;
  display: inline;
  margin: 2px 4.25px 0;
  position: relative;
}

.main div.panel_wall div a p {
  position: absolute;
  bottom: 1px;
  left: 5px;
  font-size: 100%;
  font-weight: bold;
  white-space: nowrap;
  transform: scale(0.8);
  transform-origin: left;
}

.main div.panel_wall div a span {
  position: absolute;
  bottom: 15px;
  left: 5px;
  font-size: 100%;
  font-weight: bold;
  white-space: nowrap;
  transform: scale(0.8);
  transform-origin: left;
}

/* 床タイル */
#select_menu_tile {
  float: left;
  width: 334px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: none;
  position: absolute;
}

#select_tile_menu_wa,
#select_tile_menu_gendai,
#select_tile_menu_you,
#select_tile_menu_other {
  float: left;
}

.main div.select_menu_tile_class {
  float: left;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.main div.panel_tile {
  float: left;
  width: 90%;
  height: 100%;
  /*border-left: 1px solid #cfcfce;
	border-right: 1px solid #cfcfce;*/
  margin: 10px 5% 0;
}

.main div.panel_tile div {
  float: left;
  display: inline;
  margin: 2px 7px 0;
  position: relative;
}

.main div.panel_tile div img {
  width: 77px;
}

.main div.panel_tile div a p {
  position: absolute;
  bottom: 1px;
  left: 3px;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: -0.7px;
  white-space: nowrap;
  transform: scale(0.8);
  transform-origin: left;
}

/* 外壁・床タイル共通 */
.main .panel_wall div.wall_name,
.main .panel_tile div.tile_name {
  float: left;
  width: 100%;
  height: 32px;
  margin: 0;
  border: none;
  position: relative;
}

.main .panel_wall div.wall_name p,
.main .panel_tile div.tile_name p {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  font-size: 130%;
  font-weight: bold;
  line-height: 1.1;
  border-bottom: 2px solid #aaa;
  display: inline;
  white-space: nowrap;
  width: 100%;
}

.main .panel_wall div.wall_name p span,
.main .panel_tile div.tile_name p span {
  font-size: 64%;
  margin-left: 3px;
}

.main .panel_wall div.wall_name p.w_price,
.main .panel_tile div.tile_name p.t_price {
  font-size: 110%;
  text-align: right;
  border: none;
}

/* サッシ */
.main div#select_menu_sash {
  display: none;
}

.main div#select_sash_menu_color,
.main div#select_sash_menu_wall {
  float: left;
  width: 334px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: none;
  position: absolute;
}

.main div#select_sash_menu_color div {
  float: left;
  display: inline;
  margin: 10px 0 0 10px;
  position: relative;
}

.main div#select_sash_menu_color div a p {
  position: absolute;
  bottom: 2px;
  left: 5px;
  font-size: 100%;
  font-weight: bold;
  white-space: nowrap;
  transform: scale(0.8);
  transform-origin: left;
}

.main div#select_sash_menu_color div a img {
  width: 130px;
}

.main div#select_sash_menu_wall div {
  float: left;
  display: inline;
  margin: 0;
}

#select_menu_wall,
#select_menu_tile,
.main div#select_sash_menu_color,
.main div#select_sash_menu_wall {
  height: 497px;
  margin-top: 50px;
  overflow-x: hidden;
  overflow-y: auto;
}

/* 選択枠 */
.main div#select_menu_color_color div,
.main div#select_menu_color_ornament div,
.main div.oyako_waku div,
.main div#select_menu_handle div div,
.main div#select_sash_menu_color div,
.main div#select_menu_option div div,
.main div#select_wakucolor div,
.main div#select_menu_oyako div#select_post div div,
.main div#select_menu_design div {
  border: 3px solid #ffffff;
}

.main div.panel_wall div,
.main div.panel_tile div {
  border: 2px solid #ffffff;
}

.main div#select_menu_color_color div.img-selected,
.main div#select_menu_color_ornament div.img-selected,
.main div.oyako_waku div.img-selected,
.main div#select_menu_handle div div.img-selected,
.main div#select_sash_menu_color div.img-selected,
.main div#select_menu_option div div.img-selected,
.main span#select_menu_glass div.img-selected,
.main span#select_menu_ranma div.img-selected,
.main div#select_wakucolor div.img-selected,
.main div#select_menu_oyako div#select_post div div.img-selected,
.main div.panel_wall div.img-selected,
.main div.panel_tile div.img-selected,
.main div.panel_wall div.z-img-selected,
.main div#select_menu_design div.img-selected {
  border-color: #ef7a00;
}

/* 内観ハンドル */
.main div#select_menu_n_handletype {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  display: none;
}

.main div#select_menu_n_handletype div {
  float: left;
  width: 300px;
  height: 50px;
  border-radius: 10px;
  background: linear-gradient(#d0d0d0, #bbbbbb);
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  margin: 10px 0;
  position: relative;
  top: 30%;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 10;
}

.main div#select_menu_n_handletype div.img-selected {
  background: linear-gradient(#f59e2d, #f08302);
  border-color: #ef7a00;
}

.main div#select_menu_n_handletype p {
  font-size: 170%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.3;
}

/* プラン */
.main div#plan_window {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 3px solid #bad4e1;
  position: absolute;
  top: 80px;
  right: 0;
  width: 372px;
  height: 553px;
  display: none;
  z-index: 20;
}

.main div#plan_window div {
  margin: 3.5px;
  font-size: 120%;
}

.main div#plan_list {
  position: absolute;
  top: 0;
  left: 80px;
}

.main a#plan_close {
  width: 90px;
  height: 48px;
  margin-top: 480px;
  margin-left: 138px;
}

.main a#plan_close p {
  font-size: 130%;
}

/* 保存 */
.main div#savelist_window {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 948px;
  height: 640px;
  display: none;
  z-index: 20;
  border: 3px solid #808080;
  box-sizing: border-box;
}

.main div#savelist {
  float: left;
  width: 942px;
  height: 634px;
  overflow: hidden;
}

.main div#savelistbottom {
  float: left;
  position: absolute;
  top: 657px;
  left: 348px;
}

.main div#savelistbottom a {
  margin: 0 5px;
}

.main div#savelist div.cookie_box {
  float: left;
  width: 314px;
  height: 100%;
  margin: 0px;
  font-size: 100%;
  position: relative;
}

.main div#savelist div.img_area {
  float: left;
  width: 256.5px;
  height: 284.85px;
  position: relative;
  margin: 5px 28.75px 0;
}

.main div#savelist div.price_area {
  float: left;
  width: 314px;
  height: 70px;
  position: relative;
  top: 0;
  left: 0;
}

.main div#savelist div.plan_area {
  float: left;
  width: 314px;
  height: 274px;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: top;
}

.main .cookie_img {
  position: relative;
  top: 0;
  left: 0;
  width: 256.5px;
  height: 284.85px;
  overflow: hidden;
}

.main .img_zoom,
.main .cookie_img_zoom {
  width: 256.5px;
  height: 284.85px;
  position: absolute;
  top: 0;
  left: 0;
}

.main .cookie_img_zoom img {
  position: absolute;
  top: 0;
  left: 0;
}

.main .cookie_text {
  margin-top: 3px;
}

.main .cookie_text div.list {
  width: 284px;
  float: left;
  margin: 0 15px;
}

.main .cookie_text div.item {
  width: 18%;
  float: left;
  margin: 0;
}

.main .cookie_text div.item span {
  white-space: nowrap;
  display: inline-block; /* 変形するためのブロック化 */
  transform: scale(0.8, 1); /* 変形 横,縦 */
  transform-origin: left;
}

.main .cookie_text div.colon {
  width: 2%;
  float: left;
}

.main .cookie_text div.name {
  width: 80%;
  float: left;
}

.main .cookie_text div#savelist_btns {
  float: left;
  margin: 0 77px;
  position: absolute;
  bottom: 3px;
}

.main .cookie_text div#savelist_btns a {
  float: left;
  width: 70px;
  height: 24px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 2px solid #bab7b0;
  background: #ffffff;
  margin: 0 5px;
  position: relative;
}

.main .cookie_text div#savelist_btns p {
  font-weight: bold;
  color: #ef7a00;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.3;
}

/* 機能詳細 */
.main div.detail_waku {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 948px;
  height: 640px;
  display: none;
  z-index: 20;
  border: 3px solid #808080;
  box-sizing: border-box;
}

.main div.btn-close {
  position: absolute;
  top: 657px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.main a#detail_entry_movie_cazas,
.main a#detail_entry_movie_touch,
.main a#detail_entry_movie_system {
  float: left;
  width: 252px;
  height: 64px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 4px solid #bab7b0;
  background: #ffffff;
  position: relative;
}

.main a#detail_entry_movie_cazas p,
.main a#detail_entry_movie_touch p,
.main a#detail_entry_movie_system p {
  font-size: 240%;
  font-weight: bold;
  color: #000000;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translate(0%, -50%);
}

.main a#detail_entry_movie_cazas img,
.main a#detail_entry_movie_touch img,
.main a#detail_entry_movie_system img {
  position: absolute;
  top: 50%;
  left: 168px;
  transform: translate(0%, -50%);
  width: 52px;
}

/* 内観画像変更用 */
.flip-container,
.product_img_gaikan,
.product_img_naikan {
  width: 570px;
}

.product_img_gaikan,
.product_img_naikan {
  position: absolute;
  display: block;
}

.flip-container .product_img_gaikan,
.flip-container .product_img_naikan {
  transition: all 2s;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.flip-container .product_img_gaikan {
  z-index: 2;
}

.flip-container .product_img_naikan {
  z-index: 1;
  transform: rotateY(-180deg);
}

.flip-container.on .product_img_gaikan {
  z-index: 1;
  transform: rotateY(180deg);
}

.flip-container.on .product_img_naikan {
  z-index: 2;
  transform: rotateY(0deg);
}

/* 印刷用 */
.print {
  display: none;
}

/* 印刷用_ヘッダー */
.lxl-header-print {
  width: 1080px;
  height: 90px;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
}

.lxl-header-print img#product_header {
  position: absolute;
  top: 0;
  left: 0;
}

/* 印刷用_コンテンツ */
.main div#print_menu {
  width: 100%;
  height: 540px;
  background-color: #ffffff;
  position: absolute;
  top: 1200px;
  left: 0;
  z-index: 4;
}

.main div#product_print_naikan {
  position: relative;
  top: 0;
  left: 30px;
}

.main div#product_print_naikan img {
  position: absolute;
  top: 0;
  left: 0;
}

/* 印刷用フッター */
.lxl-footer a#btn-print-close {
  border: 3px solid #d0d0d0;
  background: #ffffff;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.lxl-footer a#btn-print-close p {
  font-size: 170%;
  color: #ef7a00;
}

/* ===============================================
	default.htm, selectpoint.htm
=============================================== */
.default ul,
.selectpoint ul {
  float: left;
  width: 100%;
  height: 560px;
  margin: 0 auto;
}

.default li,
.selectpoint li {
  float: left;
  width: 288px;
  height: 452px;
  border-radius: 0px;
  margin-right: 42px;
  position: relative;
}

.default li.last-col,
.selectpoint li.last-col {
  margin-right: 0;
}

.default li p,
.selectpoint li p {
  font-size: 240%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  width: 288px;
  height: 120px;
  display: table-cell;
  vertical-align: middle;
}

.default li img,
.selectpoint li img {
  width: 280px;
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translate(-50%, 0%);
  border-radius: 0px;
}

.text-title {
  float: left;
  width: 385px;
  font-size: 140%;
  font-weight: bold;
  margin-top: 70px;
  color: #4b4949;
}

.text-title big {
  font-size: 170%;
}

.main-title {
  float: left;
  font-size: 340%;
  font-weight: bold;
  margin: 15px 0;
}

.sub-text {
  float: left;
  font-size: 100%;
}

.img-title {
  float: left;
}

.img-pict {
  float: right;
  margin: 70px 0;
}

.btn-start {
  float: left;
  width: 300px;
  height: 45px;
  background: #ee7a00;
  margin-top: 60px;
  position: relative;
  border-radius: 10px;
}

.btn-start p {
  color: #ffffff;
  font-size: 200%;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0%, -50%);
}

.btn-start p.icon {
  left: 250px;
}

.btn-howto {
  float: left;
  margin-top: 40px;
  margin-left: 10px;
}

.other_products {
  float: left;
  margin-top: 40px;
  margin-left: 40px;
}

.btn-howto p,
.other_products p {
  float: left;
  color: #4b4949;
  font-size: 120%;
  /* text-decoration: underline; */
  border-bottom: 1px solid #4b4949;
  padding: 0 2px;
}

/* giesta2 */ /* da */
body.giesta2 .default .btns,
body.da .default .btns {
  float: left;
  width: 100%;
  height: 560px;
  margin: 0 auto;
}

body.giesta2 .default .btns div,
body.da .default .btns div {
  float: left;
}

body.giesta2 .default .btn-design,
body.da .default .btn-design,
body.giesta2 .default .btn-price,
body.da .default .btn-price {
  margin-right: 50px;
}

body.giesta2 .default .btn-wall,
body.da .default .btn-wall,
body.giesta2 .default .btn-price,
body.da .default .btn-price {
  margin-top: 10px;
}

/* rechent3 */
body.rechent3 .default li {
  width: 474px;
  height: 916px;
  margin-right: 52px;
}

body.rechent3 .default li.last-col {
  margin-right: 0;
}

body.rechent3 .default li p {
  width: 474px;
  height: 221px;
  line-height: 1.1;
}

body.rechent3 .default li p big {
  font-size: 170%;
}

body.rechent3 .default ul.entrance-buttons {
  padding-top: 160px;
}

body.rechent3 .default img.picture {
  margin: 0 24.5px;
  padding-top: 240px;
}

/* ===============================================
	selectdoorsize.htm
=============================================== */
.selectdoorsize ul {
  float: left;
  width: 1000px;
  height: auto;
  margin: 0 40px;
}

.selectdoorsize li {
  float: left;
  width: 324px;
  height: 790px;
  border-radius: 10px;
  margin-right: 14px;
  position: relative;
}

.selectdoorsize li.last-col {
  margin-right: 0;
}

.selectdoorsize li p {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  width: 324px;
  height: 174px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.8;
}

.selectdoorsize li p big {
  font-size: 325%;
}

.selectdoorsize li p small {
  font-size: 154%;
}

.selectdoorsize li img {
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translate(-50%, 0%);
  border-radius: 0 0 7px 7px;
}

/* ===============================================
	selectmywall.htm
=============================================== */
.selectmywall ul {
  float: left;
  width: 1000px;
  height: auto;
  margin: 0 40px;
}

.selectmywall li {
  float: left;
  margin-right: 65px;
  margin-bottom: 17px;
}

.selectmywall li.last-col {
  margin-right: 0;
}

/* ===============================================
	selectbouka.htm
=============================================== */
.selectbouka ul {
  float: left;
  width: 100%;
  height: 560px;
  margin: 0 auto;
}

.selectbouka li {
  float: left;
  width: 288px;
  height: 452px;
  border-radius: 0px;
  margin-right: 42px;
  position: relative;
}

.selectbouka li.last-col {
  margin-right: 0;
}

.selectbouka li p {
  font-size: 240%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  width: 288px;
  height: 70px;
  display: table-cell;
  vertical-align: middle;
}

.selectbouka li img {
  width: 280px;
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translate(-50%, 0%);
  border-radius: 0px;
}

/* giesta2 */ /* da */
.selectbouka .table-btns {
  float: left;
  width: 100%;
  height: 560px;
  margin: 0 auto;
}

.selectbouka td {
  height: 270px;
}

.selectbouka .k2-t,
.selectbouka .k2-b {
  float: left;
}

.selectbouka .k4-t,
.selectbouka .k4-b {
  float: right;
}

.selectbouka .box-top,
.selectbouka .box-bg {
  position: relative;
}

.selectbouka .box-top .img-fadeout {
  position: absolute;
  top: 0;
  left: 0;
}

/* rechent3 */
body.rechent3 .selectbouka li {
  width: 490px;
  height: 448px;
  border-radius: 0;
  margin-right: 20px;
  margin-bottom: 20px;
}

body.rechent3 .selectbouka li.last-col {
  margin-right: 0;
}

body.rechent3 .selectbouka li p {
  font-size: 360%;
  text-align: left;
  width: auto;
  height: auto;
  position: absolute;
  bottom: 7px;
  left: 30px;
}

body.rechent3 .selectbouka li span {
  width: 222px;
  height: 100px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 4px solid #70bb00;
  display: block;
  position: relative;
}

body.rechent3 .selectbouka li span p {
  width: 100%;
  height: auto;
  text-align: center;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}

body.rechent3 .selectbouka li img {
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translate(-50%, 0%);
  border-radius: 0;
}

/* ===============================================
	selectdesign.htm
=============================================== */
.selectdesign ul {
  float: left;
  width: 100%;
  height: 540px;
  margin: 0 auto 20px;
  display: none;
  overflow-y: auto;
  background: #ffffff;
}

.selectdesign li {
  float: left;
  position: relative;
}

.selectdesign ul span {
  float: left;
  width: 100%;
  height: 30px;
  position: relative;
  background: #e9e4de;
}

.selectdesign ul p {
  font-size: 126%;
  color: #000;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0%, -50%);
}

.selectdesign li p {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  text-align: center;
}

/* avantos */
body.avantos .selectdesign li {
  width: 112px;
  margin: 10px 2px;
}

body.avantos .selectdesign li img {
  width: 72px;
  margin: 0 20px;
}

/* grandel2 */
body.grandel2 .selectdesign ul {
  display: block;
}

body.grandel2 .selectdesign li {
  margin: 10px 5px;
}
body.grandel2 .selectdesign li img {
  width: 74px;
}

/* lmove2 */
body.lmove2 .selectdesign li {
  width: 126px;
  margin: 10px 3px;
}

body.lmove2 .selectdesign li img {
  width: 105px;
  margin: 0 10.5px;
}

/* k3series */
body.k3series .selectdesign ul {
  display: block;
}

body.k3series .selectdesign li {
  width: 180px;
  margin: 20px 10px;
}

body.k3series .selectdesign li img {
  margin: 0 10px;
}

/* pgseries */
body.pgseries .selectdesign ul {
  display: block;
  margin-bottom: 20px;
}

body.pgseries .selectdesign li {
  width: 110px;
  margin: 20px 0.5px 0;
}

body.pgseries .selectdesign li img {
  margin: 0 6.5px;
}

/* giesta2 */
body.giesta2 .selectdesign ul {
  display: block;
}

body.giesta2 .selectdesign li {
  margin: 10px 5px;
  display: none;
}

body.giesta2 .selectdesign li img {
  width: 73.5px;
}

/* da */
body.da .selectdesign ul {
  display: block;
}

body.da .selectdesign li {
  margin: 10px 5px;
  display: none;
}

body.da .selectdesign li img {
  width: 73.5px;
}

/* rechent3 */
body.rechent3 .selectdesign ul {
  display: block;
}

body.rechent3 .selectdesign div.group1,
body.rechent3 .selectdesign div.group2,
body.rechent3 .selectdesign div.group3 {
  float: left;
  display: none;
  margin-top: 30px;
}

body.rechent3 .selectdesign ul span {
  height: 40px;
  display: none;
}

body.rechent3 .selectdesign ul p {
  font-size: 220%;
  color: #fff;
  font-weight: bold;
}

body.rechent3 .selectdesign li {
  float: left;
  width: 200px;
  text-align: center;
  margin: 15px 0;
}

body.rechent3 .selectdesign div.group2 li {
  width: 250px;
  margin: 15px 0;
}

/* ===============================================
	selectprice.htm
=============================================== */
.selectprice ul {
  float: left;
  width: 100%;
  height: 540px;
  margin: 0 auto 20px;
  display: none;
  overflow-y: auto;
  background: #ffffff;
}

.selectprice li {
  float: left;
  position: relative;
}

.selectprice ul span {
  float: left;
  width: 90%;
  height: 34px;
  border-bottom: 2px solid #ccc;
  margin-left: 5%;
  position: relative;
}

.selectprice ul span p {
  font-size: 175%;
  color: #4b4949;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.selectprice ul span.bar {
  float: left;
  width: 100%;
  height: 30px;
  border-bottom: none;
  margin-left: 0;
  margin-bottom: 10px;
}

.selectprice ul span.bar p {
  font-size: 126%;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0%, -50%);
}

.selectprice li p {
  font-size: 126%;
  color: #000;
  text-align: center;
  clear: both;
}

/* avantos */
body.avantos .selectprice ul span {
  width: 100%;
  height: 33px;
  border-bottom: none;
  margin-left: 0;
}

body.avantos .selectprice ul span p {
  color: #fff;
  left: 12px;
  transform: translate(0%, -50%);
}

body.avantos .selectprice ul div {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

body.avantos .selectprice li {
  width: 112px;
  margin: 10px 2px;
}

body.avantos .selectprice li img {
  width: 72px;
  margin: 0 20px;
}

/* grandel2 */
body.grandel2 .selectprice ul {
  display: block;
}

body.grandel2 .selectprice ul div {
  float: left;
  margin-bottom: 20px;
}

body.grandel2 .selectprice ul div.box-1 {
  width: 100px;
  margin: 0px 10px 18px;
}

body.grandel2 .selectprice ul div.box-1 li {
  margin: 5px 11.9px 10px;
}

body.grandel2 .selectprice ul div.box-2 {
  width: 200px;
}

body.grandel2 .selectprice ul div.box-2 li {
  margin: 5px -5.95px 10px 17.85px;
}

body.grandel2 .selectprice ul div.box-3 {
  width: 300px;
}

body.grandel2 .selectprice ul div.box-3 li {
  margin: 5px -11.9px 10px 23.8px;
}

body.grandel2 .selectprice ul li img {
  width: 74px;
}

/* lmove2 */
body.lmove2 .selectprice ul div.box-1 {
  float: left;
  width: 136px;
}

body.lmove2 .selectprice ul div.box-2 {
  float: left;
  width: 272px;
}

body.lmove2 .selectprice ul div.box-3 {
  float: left;
  width: 408px;
}

body.lmove2 .selectprice li {
  margin: 15px 9.8px 10px;
}

body.lmove2 .selectprice li img {
  width: 95px;
  margin: 0 10.5px;
}

/* k3series */
body.k3series .selectprice ul {
  display: block;
}

body.k3series .selectprice li {
  width: 180px;
  margin: 15px 10px 10px;
}

body.k3series .selectprice li img {
  margin: 0 10px;
}

/* pgseries */
body.pgseries .selectprice ul {
  display: block;
  margin-bottom: 20px;
}

body.pgseries .selectprice li {
  width: 110px;
  margin: 20px 0.5px 0;
}

body.pgseries .selectprice li img {
  margin: 0 6.5px;
}

/* giesta2 */
body.giesta2 .selectprice ul {
  display: block;
}

body.giesta2 .selectprice ul span {
  width: 97%;
  margin-left: 1.5%;
}

body.giesta2 .selectprice ul p {
  display: none;
}

body.giesta2 .selectprice li {
  margin: 10px 0;
  display: none;
}

body.giesta2 .selectprice .box-gst2,
body.giesta2 .selectprice .box-bgst2 {
  float: left;
  display: none;
}

body.giesta2 .selectprice .box-gst2 div,
body.giesta2 .selectprice .box-bgst2 div {
  float: left;
  margin: 0 13px 15px;
}

body.giesta2 .selectprice li img {
  width: 73.5px;
}

/* da */
body.da .selectprice ul {
  display: block;
}

body.da .selectprice ul span {
  width: 97%;
  margin-left: 1.5%;
}

body.da .selectprice ul p {
  display: none;
}

body.da .selectprice .box-1,
body.da .selectprice .box-2 {
  float: left;
  margin: 0 13px 15px;
  display: none;
}

body.da .selectprice .box-1 li {
  margin: 10px 0;
  display: none;
}

body.da .selectprice li img {
  width: 73.5px;
}

/* ===============================================
	selectkinou.htm
=============================================== */
.selectkinou .btns {
  float: left;
  width: 100%;
  height: 560px;
  margin: 0 auto;
}

.selectkinou .btns div {
  float: left;
}

.selectkinou .btn-wind,
.selectkinou .btn-light {
  margin-right: 30px;
}

.selectkinou .btn-wind-detail,
.selectkinou .btn-light-detail,
.selectkinou .btn-plain-detail {
}

.selectkinou .btn-wind,
.selectkinou .btn-wind-detail {
}

.selectkinou .btn-wind-disabled {
}

.selectkinou .btn-light,
.selectkinou .btn-light-detail {
}

.selectkinou .btn-plain,
.selectkinou .btn-plain-detail {
}

.selectkinou .box-wind-detail,
.selectkinou .box-light-detail,
.selectkinou .box-plain-detail {
}

.selectkinou .btn-close {
  position: absolute;
  top: 1600px;
  left: 50%;
  transform: translate(-50%, 0%);
  display: none;
}

/* rechent3 */
body.rechent3 .selectkinou ul {
  float: left;
  width: 1000px;
  height: auto;
  margin: 0 40px;
}

body.rechent3 .selectkinou div.group1,
body.rechent3 .selectkinou div.group2,
body.rechent3 .selectkinou div.group3 {
  float: left;
  display: none;
  margin-top: 30px;
}

body.rechent3 .selectkinou ul span {
  float: left;
  width: 100%;
  height: 40px;
  position: relative;
}

body.rechent3 .selectkinou ul p {
  font-size: 220%;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0%, -50%);
}

body.rechent3 .selectkinou li {
  float: left;
  width: 200px;
  text-align: center;
  margin: 8px 0;
}

body.rechent3 .selectkinou img.pict1 {
  float: right;
  margin: 10px 40px 0 0;
}

body.rechent3 .selectkinou img.pict2 {
  float: left;
  margin: 10px 160px 0 150px;
}

/* ===============================================
	selectkinou_X.htm
=============================================== */
.selectkinou1 ul,
.selectkinou2 ul {
  float: left;
  width: 100%;
  height: 540px;
  margin: 0 auto 20px;
  overflow-y: auto;
  background: #ffffff;
}

.selectkinou1 li,
.selectkinou2 li {
  float: left;
  position: relative;
  margin: 10px 2px;
  display: none;
}

.selectkinou1 li img,
.selectkinou2 li img {
  width: 98px;
}

/* ===============================================
	selectwall.htm
=============================================== */
.selectwall ul {
  float: left;
  width: 100%;
  height: 560px;
  margin: 0 auto;
}

.selectwall li {
  float: left;
  width: 462px;
  height: 100px;
  border-radius: 0px;
  box-sizing: border-box;
  border: 2px solid #a4a3a8;
  background: #ffffff;
  margin-right: 24px;
  margin-bottom: 10px;
  position: relative;
}

.selectwall li.last-col {
  margin-right: 0px;
}

.selectwall li p {
  font-size: 240%;
  font-weight: bold;
  color: #4b4949;
  float: left;
  margin-left: 10px;
  width: 185px;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

.selectwall li div.box-panel {
  float: right;
  width: 258px;
  margin: 0.5px 5px 0 0;
}

.selectwall li img {
  float: left;
  width: 82px;
  margin: 2px 2px 1px;
}

.selectwall div.box-wall-detail {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.selectwall div.btn-close {
  position: absolute;
  top: 1600px;
  left: 50%;
  transform: translate(-50%, 0%);
}

/* ===============================================
	selectwall_type.htm
=============================================== */
.selectwall_type div#product_img,
.selectwall_type div#product_box_bg {
  float: left;
  width: 570px;
  height: 633px;
  overflow: hidden;
}

.selectwall_type div#product_img {
  margin: 20px 0 17px;
  position: relative;
}

.selectwall_type div.box-img {
  float: left;
  width: 378px;
  height: 180px;
  position: relative;
}

.selectwall_type img#img-wall-logo {
  position: absolute;
  top: 5px;
  left: 0;
}

.selectwall_type a#btn-wallok {
  width: 217px;
  height: 38px;
  border-radius: 0px;
  box-sizing: border-box;
  border: 2px solid #6bc0d4;
  background: linear-gradient(#a5dbe7, #86cde1);
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.selectwall_type a#btn-wallok p,
.selectwall_type p#text-wall {
  font-size: 145%;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.selectwall_type p#text-wall {
  color: #000000;
  top: 85px;
}

/* 外壁って? */
.selectwall_type .btn-wall-detail {
  float: right;
  width: 110px;
  height: 24px;
  border-radius: 0px;
  margin-top: 0px;
  margin-right: 0px;
  background: #777777;
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.box-btns {
  width: 330px;
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.box-btns a {
  float: left;
  width: 130px;
  height: 24px;
  border-radius: 0px;
  margin: 0px 15.5px 0;
  background: #ffffff;
  border: 2px solid #777777;
  position: relative;
}

.box-btns a p {
  font-size: 145%;
  font-weight: bold;
  color: #777777;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.box-btns a#btn-at.img-selected {
  background: #099a8d;
  border: 2px solid #099a8d;
}

.box-btns a#btn-inax.img-selected {
  background: #2f96a9;
  border: 2px solid #2f96a9;
}

.box-btns a.img-selected p {
  color: #ffffff;
}

.selectwall_type img#img-wall-type {
  position: relative;
  top: 100px;
  left: 0;
}

.selectwall_type p#text-wall-type {
  font-size: 320%;
  font-weight: bold;
  color: #4b4949;
  position: absolute;
  top: 120px;
  left: 30px;
}

.selectwall_type div.box-selectwall {
  float: left;
  width: 330px;
  height: 463px;
  position: relative;
  background: #ffffff;
  display: none;
  margin: 10px 24px 17px;
  overflow-y: auto;
}

.selectwall_type div#selectwall_1 {
  display: block;
}

.selectwall_type div.panel_wall {
  float: left;
  /*width: 1020px;*/
  position: absolute;
  top: 0;
  left: 0;
}

.selectwall_type div.panel_wall div {
  float: left;
  display: inline;
  margin: 10px 0px 0px 10px;
  border: 2px solid #ffffff;
  position: relative;
}

.selectwall_type div.panel_wall div a span {
  position: absolute;
  bottom: 13px;
  left: 5px;
  font-size: 100%;
  font-weight: bold;
  transform: scale(0.7);
  transform-origin: left;
  white-space: nowrap;
}

.selectwall_type div.panel_wall div a p {
  position: absolute;
  bottom: 0px;
  left: 5px;
  font-size: 100%;
  font-weight: bold;
  transform: scale(0.7);
  transform-origin: left;
  white-space: nowrap;
}

.selectwall_type div.panel_wall div img {
  width: 130px;
}

.selectwall_type div.panel_wall div.img-selected {
  border: 2px solid #ef7a00;
}

/* ===============================================
	プリント
=============================================== */
/*@page {
	size: A4;
	margin: 5.08mm 19.05mm;
}

@media print {
body {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.main {
	height: 1710px;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}

.main div#select_menu {
	display: none;
}

.main div#savelistbottom,
.main div#savelist_btns {
	display: none;
}

.lxl-footer {
	display: none;
}
}*/