@charset "UTF-8";


/* 黄色マーカー */
.mark_y {
  background: linear-gradient(transparent 60%, yellow 0%);
}



/* バンガローカラーボタン */

.color_button_BJ{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: #837b6a;
  cursor: pointer;
  transition: 1s;
}


.color_button_BK{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: black;
  cursor: pointer;
  transition: 1s;
}

.color_button_CG{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: #7b7e81;
  cursor: pointer;
  transition: 1s;
}

.color_button_DG{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background:#013c2a;
  cursor: pointer;
  transition: 1s;
}

.color_button_NV{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: #262d4a;
  cursor: pointer;
  transition: 1s;
}

.color_button_OR{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: #ff6e25;
  cursor: pointer;
  transition: 1s;
}

.color_button_RD{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: #df213d;
  cursor: pointer;
  transition: 1s;
}

.color_button_HW{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: #f3f3f3;
  cursor: pointer;
  transition: 1s;
}

.color_button_YL{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: #fddb00;
  cursor: pointer;
  transition: 1s;
}


.color_button{
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0%;
  display: block;
  background: black;
  cursor: pointer;
}

.changebox{
  display: flex;
  justify-content: space-around;
  padding-bottom: 8px;
}


/* 繝吶 繧ｸ繝･ */
#bj_img{
  margin-bottom: 10px;
}

#bj_changeimg{
  margin-bottom: 10px;
}

#bj_message{
  padding-bottom: 10px;
}

/* 繝悶Λ繝 け */
#bk_img{
  margin-bottom: 10px;
}

#bk_changeimg{
  margin-bottom: 10px;
}

#bk_message{
  padding-bottom: 10px;
}

/* 繝√Ε繧ｳ繝ｼ繝ｫ繧ｰ繝ｬ繝ｼ */
#cg_img{
  margin-bottom: 10px;
}

#cg_changeimg{
  margin-bottom: 10px;
}

#cg_message{
  padding-bottom: 10px;
}

/* 繝€繝ｼ繧ｯ繧ｰ繝ｪ繝ｼ繝ｳ */
#dg_img{
  margin-bottom: 10px;
}

#dg_changeimg{
  margin-bottom: 10px;
}

#dg_message{
  padding-bottom: 10px;
}

/* 繝阪う繝薙  */
#nv_img{
  margin-bottom: 10px;
}

#nv_changeimg{
  margin-bottom: 10px;
}

#nv_message{
  padding-bottom: 10px;
}

/* 繧ｪ繝ｬ繝ｳ繧ｸ */
#or_img{
  margin-bottom: 10px;
}

#or_changeimg{
  margin-bottom: 10px;
}

#or_message{
  padding-bottom: 10px;
}

/* 繝ｬ繝 ラ */
#rd_img{
  margin-bottom: 10px;
}

#rd_changeimg{
  margin-bottom: 10px;
}

#rd_message{
  padding-bottom: 10px;
}

/* 繝帙Ρ繧､繝  */
#wh_img{
  margin-bottom: 10px;
}

#wh_changeimg{
  margin-bottom: 10px;
}

#wh_message{
  padding-bottom: 10px;
}

/* 繧､繧ｨ繝ｭ繝ｼ */
#yl_img{
  margin-bottom: 10px;
}

#yl_changeimg{
  margin-bottom: 10px;
}

#yl_message{
  padding-bottom: 10px;
}


/* 繧ｫ繝ｩ繝ｼ蛻 崛繝懊ち繝ｳ縺薙％縺ｾ縺ｧ */


/* 邊倡捩邉ｸ */

.lists_image {
  display: flex;
  align-items: center;
  padding-left: 0.5em;
}

.lists_text {
  display: flex;
  align-items: center;
  margin: 0 0.5em;
  padding: 0.5em;
  line-height: 2;
}

.lists_item {
  display: flex;
  align-items: center;
  background: #f8f8f8;
}

/* 邊倡捩邉ｸ繧ｳ繧ｳ縺ｾ縺ｧ */



/* 謦･豌ｴ繧ｳ繝ｼ繝 ぅ繝ｳ繧ｰ */

.red2 {
  font-weight: bold;
  color: #ff0004;
  font-size: 1.2em;
  margin-right: 1em;
}

.blue {
  color: #2454f0;
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 1em;
}

.yelow {
  color: #e0a906;
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 1em;
}

.green {
  color: #08b4e0;
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 1em;
}

.td_red{
   color: #ff0000;
}


.printBanner{
padding: 30px 10px 0px 10px;
}


/* バンガローカラーボタン */


.colorWrap{
flex-wrap: wrap;
}


.colorWrap .cflexBox {
    width: 28%;
    justify-content: center;
}

.colorWrap .tentMain {
    width: 80%;

}




/* カラーボタン */

#hubWrap .tentBox {
  letter-spacing: -1em;
}

#hubWrap .tentBox .leftSide {
  letter-spacing: 0;
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  margin-right: 5%;
}

#hubWrap .tentBox .leftSide img {
  border: none !important;
}

#hubWrap .tentBox .rightSide {
  letter-spacing: 0;
  vertical-align: middle;
  display: inline-block;
  width: 65%;
}

#hubWrap .tentBox .rightSide p {
  margin: 10px 0;
  font-size: 20px;
}

#hubWrap .tentBox .rightSide .colorBox {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
}
#hubWrap .tentBox .rightSide .colorBox.colorCenter { 
  justify-content: center;
}

#hubWrap .tentBox .rightSide .colorBox a {
  cursor: pointer;
  display: block;
  margin: 1%;
}

#hubWrap .tentBox .rightSide .colorBox a.colorBlack {
  background: #000;
}
#hubWrap .tentBox .rightSide .colorBox a.colorRed {
  background: #e52743;
}
#hubWrap .tentBox .rightSide .colorBox a.colorBlue {
  background: #296395;
}
#hubWrap .tentBox .rightSide .colorBox a.colorSplashblue {
  background: #00b5e0;
}
#hubWrap .tentBox .rightSide .colorBox a.colorSteelgray {
  background: #5b5f62;
}
#hubWrap .tentBox .rightSide .colorBox a.colorOrange {
  background: #fe782f;
}
#hubWrap .tentBox .rightSide .colorBox a.colorWhite {
  background: #f1f1f1;
}
#hubWrap .tentBox .rightSide .colorBox a.colorBeige {
  background: #92745a;
}
#hubWrap .tentBox .rightSide .colorBox a.colorIvory {
  background: #e1c5af;
}
#hubWrap .tentBox .rightSide .colorBox a.colorBrown {
  background: #504031;
}
#hubWrap .tentBox .rightSide .colorBox a.colorWinered {
  background: #683637;
}
#hubWrap .tentBox .rightSide .colorBox a.colorDarkgreen {
  background: #013c2a;
}
#hubWrap .tentBox .rightSide .colorBox a.colorGold {
  background: #f6a901;
}
#hubWrap .tentBox .rightSide .colorBox a.colorPurple {
  background: #9b61c5;
}
#hubWrap .tentBox .rightSide .colorBox a.colorGreen {
  background: #00923f;
}
#hubWrap .tentBox .rightSide .colorBox a.colorLimegreen {
  background: #c3d100;
}
#hubWrap .tentBox .rightSide .colorBox a.colorNavy {
  background: #2e3551;
}
#hubWrap .tentBox .rightSide .colorBox a.colorGray {
  background: #afb6bc;
}
#hubWrap .tentBox .rightSide .colorBox a.colorYellow {
  background: #ffe102;
}


/* カラーボタンここまで */





/* 共通 */

.sa2 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  letter-spacing: 1.5px;
  margin: 3em 0;    
}

.sa2 th {
  padding: 1.3em 1.8em;
  border: solid 3px #fff /* 枠線白 */
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
  width: 300px;
}

.sa2 td {
  padding: 0.4em 0.5em;
  border: solid 3px #fff /* 枠線白 */
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
}


.sa {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  letter-spacing: 1.5px;
  margin: 3em 0;     /* 余白指定 */
}

.Product td {
  padding: 2em 2em 2em 2em !important;　 /* 商品仕様右　余白指定 */
  border: solid 3px #fff;
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
}

.Product th {
  padding: 0.5em 0.5em !important;　 /* 商品仕様左　余白指定 */
}

.Product {
  margin: 0;
}

.sa th {
  padding: 1.3em 1.8em;
  border: solid 1px #CCCCCC; /* 商品仕様枠線色指定 */
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
  width: 300px;
}

.sa td {
  padding: 0.4em 0.5em;
  border: solid 1px #CCCCCC; /* 商品仕様枠線色指定 */
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
}

.sa-td-1 {
  background: #c4e4df;
  text-align: left;
}

.sa-td-2 {
  font-weight: normal !important;
  text-align: left;
}

.sa-td-3 {
  background: #eaf5fc;
  text-align: left;
}

.sa-td-4 {
  background: #c4e4df;
  text-align: left;
}

.sa th {
  font-weight: normal;
  border-style: solid;
  overflow: hidden;
  word-break: normal;
}

.sa-th-1 {
  text-align: center;
  border-right-style: none;
  color: #ffffff;
  background: #0c5fa8;
  font-weight: bold;
}

.sa-th-2 {
  text-align: center;
  color: #ffffff;
  background: #0c5fa8;
  font-weight: bold;
}

.sa-th-3 {
  text-align: center;
  color: #ffffff;
  background: #0c5fa8;
  font-weight: bold;
}

.sa-th-4 {
  text-align: center;
  color: #fff;
  background: #12a2a2;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.2em;
}

.sa-th-5 {
  text-align: center;
  color: #ffffff;
  background: #ffffff;
  vertical-align: middle;
}

.sa-th-6 {
  color: #0681c5;
  background: #eaf5fc;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
}

.sa-steel-th {
  text-align: center;
  background: #0c5fa8;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0em 1.8em;
}

.sa-alumi-th {
  text-align: center;
  background: #0c5fa8;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0em 1.8em;
}

.tbox {
  text-align: center;
  color: #ffffff;
}

.red-b {
  font-size: 1em;
  font-weight: bold;
  color: #ff0000;
}

.big {
  font-size: 2em;
  border-style: none;
  color: #fff601;
}

.braun {
  color: #930e0e;
  font-size: 1.2em;
}

.tbox {
  text-align: center;
  color: #ffffff;
}

.red-b {
  font-size: 1em;
  font-weight: bold;
  color: #ff0000;
}

.big {
  font-size: 2em;
  border-style: none;
  color: #fff601;
}

.text {
  display: inline-block;
  padding: 1.4em 0;
  font-family: "ゴシックMB101 DB";
}

.navi {
  background-color: #ffffff;
  border: 1px solid #dedede;
  border-radius: 4px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
  color: #000000;
  display: block;
  margin: 1em 1%;
  overflow: hidden;
  width: 100%;
  margin-bottom: 2em;
}
.navi ul {
  margin: 0;
  padding: 0;
}
.navi ul li {
  display: inline-block;
  list-style-type: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.navi > ul > li > a {
  color: #aaaaaa;
  display: block;
  line-height: 56px;
  padding: 0 10px;
  text-decoration: none;
}
.navi > ul > li:hover {
  background-color: #0052a4;
}

.navi > ul > li:hover > a {
  color: #ffffff;
}

.navi > ul > li > div {
  background-color: #0052a4;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
  display: none;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 165px;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  transition: opacity 0.2s;
}
.navi > ul > li:hover > div {
  display: block;
  opacity: 1;
  visibility: visible;
}
.cp_navi > ul > li > div ul > li {
  display: block;
}
.navi > ul > li > div ul > li > a {
  display: block;
  padding: 12px 24px;
  text-decoration: none;
}
.navi > ul > li > div ul > li:hover > a {
  background-color: rgba(255, 255, 255, 0.1);
}

#title_1 {
  margin-top: -50px;
  padding-top: 50px;
}
#title_2 {
  margin-top: -50px;
  padding-top: 50px;
}
#title_3 {
  margin-top: -50px;
  padding-top: 50px;
}
#title_4 {
  margin-top: -50px;
  padding-top: 50px;
}
#title_5 {
  margin-top: -50px;
  padding-top: 50px;
}
#title_6 {
  margin-top: -50px;
  padding-top: 50px;
}

img.example3 {
  width: 500px;
  text-align: center;
}

td,
th {
  padding: 3px;
}

.blue1 {
  background: #0c5fa8;
  color: #ffffff;
  font-weight: bold;
}

.blue2 {
  background: #0681c5;
  color: #ffffff;
  font-weight: bold;
}

.glay1 {
  background: #eef2f5;
}

.glay2 {
  background: #eaf5fc;
}

.yelow {
  color: #fff601;
}

.yellow1 {
  font-weight: bold;
  background: #fafd7e;
}

.list_1 {
  margin-bottom: 4em;
  margin-top: 4em;
  text-align: center;
}

.spec_1 {
  color: #0052a4;
  border: solid 2px #0052a4;
  padding: 0.7em;
  border-radius: 0.5em;
}

hr {
  border-color: #0052a4;
  border-style: solid;
  border-width: 0 0 1px 0;
}

.inductionnew {
  display: flex;
  justify-content: space-between;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 1em;
}

.inductionnew a {
  font-weight: bold;
  color: #000000;
}

.inductionnew img {
  width: 100%;
  height: auto;
  padding: 1em;
}

.outlet {
  line-height: 2em;
  margin: 2.5em 0.5em 2.5em 0.5em;
  padding: 1.5em 1em 1em 1em;
  background: #eaf5fc;
}

.outlet img {
  margin: 1em 0;
}
.outlet h6 {
  text-align: center !important;
  margin-bottom: 0;
}
.outlet_text {
  display: inline-block;
  padding: 0.8em 0;
  font-family: "ゴシックMB101 DB";
  line-height: 1.5;
}
.center_text {
  text-align: center;
}

h5 {
  font-weight: bold;
  color: #0052a4;
  border-bottom: solid 1px #0052a4;
  position: relative;
  text-align: center;
  font-size: 2em;
  margin-bottom: 0.5em;
  padding: 2.5em 1em 0.6em 1em;
}

h6 {
  position: relative;
  font-size: 1.4em;
  color: #0052a4;
  text-align: left;
  margin-bottom: 0.5em;
  font-weight: bold;
  line-height: 1.2;
}

h7 {
  font-weight: bold;
  color: #0052a4;
  position: relative;
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 0.5em;
  margin-top: 3em;
  padding-bottom: 0.5em;
}

.color {
  color: #0052a4;
  position: relative;
  text-align: center;
  font-size: 1.2em;
  margin-top: 2em;
  line-height: 1.5;
}

.under {
  padding-bottom: 2em;
}

.list {
  margin-bottom: 2em;
  line-height: 2;
  margin-top: 2em;
}

.list2 {
  padding-top: 2em;
  line-height: 2;
  margin-top: 0;
}

.list3 {
  margin-top: 3.5em;
  margin-bottom: 2em;
  line-height: 2;
}

.center {
  text-align: center;
  padding-bottom: 1em;
}

.center_t1 {
  text-align: center;
  padding: 0 1em 3em;
}

.center_t2 {
  text-align: center;
  padding: 3em 0 0;
}

.tg {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

.tg td {
  padding: 10px 5px;
  border: 1px solid black;
  overflow: hidden;
  word-break: normal;
}

.tg th {
  font-weight: normal;
  padding: 10px 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: black;
}

.tg .tg-1 {
  background-color: #0052a4;
  color: #3c6690;
  border-color: inherit;
  text-align: center;
  vertical-align: middle;
}

.tg .tg-2 {
  background-color: #eaf6fd;
  border-color: inherit;
  text-align: center;
  vertical-align: middle;
}

.tg .tg-3 {
  border-color: inherit;
  text-align: center;
  vertical-align: middle;
}

.tt {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.tt td {
  padding: 1.5em 1em;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: black;
}

.tt th {
  font-weight: normal;
  padding: 10px 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: black;
  text-align: center;
}

.tt .tt-2 {
  background-color: #0052a4;
  color: #ffffff;
  font-size: 1.2em;
  border-style: none;
}
.tt .tt-3 {
  border-bottom-style: none;
}

.tt .tt-3 img {
  width: 330px;
}

.tt .tt-4 {
  background-color: #eaf6fd;
  border-top-style: none;
}

.ti {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-top: -1em;
}

.ti td {
  padding: 0.5em;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: black;
}

.ti th {
  font-weight: normal;
  padding: 0.5em;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: black;
}

.ti .ti-01 {
  background-color: #0052a4;
  color: #ffffff;
  border-color: #9b9b9b;
  text-align: center;
  vertical-align: middle;
  border-style: none;
}

.ti .ti-05 {
  background-color: #e6e6e6;
  border-color: #9b9b9b;
  text-align: center;
  vertical-align: middle;
}

.ti .ti-05 img {
  width: 80px;
}

.ti .ti-02 {
  background-color: #ffffff;
  border-color: #9b9b9b;
  text-align: center;
  vertical-align: bottom;
}

.ti .ti-02 p {
  text-align: center;
}

.ti-02 img.example1 {
  width: 250px;
}
.ti-02 img.example2 {
  width: 300px;
}

.ti .ti-03 {
  background-color: #eaf5fc;
  color: #000000;
  border-color: #9b9b9b;
  text-align: center;
  vertical-align: middle;
}

.ti .ti-04 {
  background-color: #e6f7ff;
  border-color: #9b9b9b;
  text-align: center;
  vertical-align: middle;
}

.ti .ti-04 img {
  width: 150px;
}

.ty {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: -1em;
  margin-bottom: 3em;
}
.ty td {
  overflow: hidden;
  word-break: normal;
  border-color: black;
}
.ty th {
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  word-break: normal;
  border-color: black;
}
.ty .ty-01 {
  text-align: center;
  vertical-align: middle;
}
.ty .ty-01 img {
  text-align: center;
  width: 330px;
}
.ty .ty-02 {
  text-align: right;
  vertical-align: middle;
}

.wrap_start {
  justify-content: space-between;
}

.wrap_center {
  justify-content: center;
}

.contents-wrap--second {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.table_box {
  width: 50%;
  height: auto;
}

.disc_textbox {
  width: 100%;
  height: auto;
  margin-bottom: 0.5em;
  line-height: 2;
}
.disc_textbox a {
  color: #0052a4;
  border-bottom: 1px solid #0052a4;
}

.teble_box p {
  margin-bottom: 1em;
  margin-top: 0;
  line-height: 1.5;
  padding: 0;
  width: 100%;
  display: inline-block;
}

.contents-box6 img {
  display: inline-block;
  width: 60%;
  height: auto;
  border: 1px solid #ccc;
}

.contents-box6 p {
  margin-bottom: 1em;
  margin-top: 1em;
  line-height: 1.5;
  padding: 0 1em;
  width: 65%;
  display: inline-block;
}

.detailBox {
margin: 1em auto 0;
}

.detailBox img {
width: 20%;
}

.detailBox span {
margin-bottom: 0.5em;
display: block;
color: #0052a4;
}

.text_disc {
  width: 100%;
}

.contents-box7 {
  margin-bottom: 0.5em;
  padding: 0.5em;
  width: 20%;
  height: auto;
}

.contents-box7 img {
  display: block;
  width: 100%;
  height: 135px;
  object-fit: cover;
  border: 1px solid #ccc;
}

/*テーブル下折返し防止調整*/

.Product-wrap {
  padding: 1.4em 0 1em 0;
}

/*注目ポイントここから*/

.title {
  display: flex;
}

.titleimg {
  display: inline-block;
  width: 100%;
  height: 30px;
}

.point_title {
  padding: 1.4em 0;
}

.point_title .top_point {
  margin-bottom: 2em;
}

.point_title img {
  width: auto;
  height: 30px;
  padding-right: 10px;
}

.boldred {
  font-weight: bold;
  color: #ff0000;
  font-family: "ゴシックMB101 DB";
  padding-top: 5px;
}

/*注目ポイントここまで*/

/* E-ZUPテントの特徴 */

.e-zup1 {
  margin-bottom: 0.5em;
  padding: 0.5em;
  width: 50%;
  height: auto;
  display: flex;
}

.e-zup2 {
  margin-bottom: 1em;
  line-height: 2;
  margin-top: 0;
  width: 35%;
  height: auto;
  flex-grow: 1;
}

.e-zup3 {
  margin-bottom: 1rem;
  padding: 0 0 0 0.8rem;
  width: 80%;
  height: auto;
}

.e-zup3 p {
  margin-bottom: 1em;
  line-height: 1.5;
  padding: 0 1em 0 0;
}

.e-zup3 > .e-zup_title {
  position: relative;
  padding: 0em 0em 0.5em 0em;
  font-size: 1.2em;
  color: #0052a4;
  text-align: left;
  margin-bottom: 0.5em;
  font-weight: bold;
  line-height: 1.2;
  font-family: "ゴシックMB101 DB";
}

/* E-ZUPテントの特徴ここまで */

/* 商品の特徴 */
.discription {
  font-weight: bold;
  color: #0052a4;
  font-size: 1.2em;
  line-height: 1.5;
  padding: 1.4em 0;
  font-family: "ゴシックMB101 DB";
}

.border-center {
  text-align: center;
  line-height: 2;
  font-size: 1.1em;  
  font-family: "ゴシックMB101 DB";
}

.border-center2 {
  margin:  0 auto;
  text-align: center;
  line-height: 1.5;
  font-size: 1.4em;  
  font-family: "ゴシックMB101 DB";
}



.used_title {
  font-size: 1.5em;
  padding-top: 30px;
}

/* 商品の特徴ここまで */

/*この商品の設営動画*/

iframe {
  margin: 1.2em 0;
}

/*この商品の設営動画ここまで*/

/*取り扱い説明書・パーツリスト*/

.margin2 {
  padding: 1.4em 0 !important;
}

/*取り扱い説明書・パーツリストここまで*/

/* ベルマーレ使用例 */

.bellmare {
  padding-top: 25px;
}

.bellmare_title {
  color: #000;
  padding: 0 0.6em;
  text-align: left;
}

/* ベルマーレ使用例ここまで */

.item1 {
  list-style: none;
  width: 20%;
  margin: 0;
  padding: 0;
}

.item1 img {
  max-width: 200px;
  height: auto;
}

.item2 {
  list-style: none;
  width: 80%;
  padding: 1.5em;
  margin: 0;
  line-height: 1.5;
  background: #fff;
  border: solid 1px #4060a0;
}

p.dlblue {
  color: #0052a4;
  font-weight: bold;
}
p.dlblue a {
  color: #0052a4;
}
p.dlblue a:hover {
  color: #3c6690;
  opacity: 0.8;
}

p.dlblue:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(https://www.ezup.co.jp/upload_resources/dlicon.png) no-repeat;
  background-size: contain;
}

.top_point {
  text-align: left;
}

hr {
  border-color: #0052a4;
  border-style: solid;
  border-width: 0 0 1px 0;
}

.process {
  display: flex;
  justify-content: space-between;
  text-align: center;
  padding-bottom: 1.5em;
}
.process img {
  width: 95%;
  height: auto;
}

}

.dr30color {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.dr30color img {
  width: 80%;
  height: auto;
}

#outer2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

#outer2 a {
  font-weight: bold;
  color: #000000;
}

#outer2 a:hover {
  color: #8abdf9;
}

.line {
  text-decoration: underline;
}

.red {
  font-weight: bold;
  color: #ff0004;
}

.orange {
  color: #f45f07;
  font-size: 1.3em;
}

.bold {
  font-weight: bold;
}
.boldwhite {
  font-weight: bold;
  color: #ffffff;
}
.boldwhite_b {
  font-weight: bold;
  color: #ffffff;
  font-size: 1.2em;
}
.boldblue {
  font-weight: bold;
  color: #0052a4;
}
.boldred {
  font-weight: bold;
  color: #ff0000;
}

.center {
  text-align: center;
}

hr {
  height: 1px;
  background-color: #3c6690;
  border: none;
  margin: 2.5em 0 3em 0;
}

.btn-flat-vertical-border {
  position: relative;
  display: inline-block;
  padding: 1.5em 5em 1.2em 4.5em;
  text-decoration: none;
  background: #f08300;
  transition: 0.4s;
  border-radius: 8px;
}

.btn-flat-vertical-border:hover {
  background: #0052a4;
  color: #fff;
}

.estimation:before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: url(https://www.ezup.co.jp/upload_resources/check_002.png)
    no-repeat;
  background-size: contain;
}

.list {
  font-size: 1.3em;
  margin-top: 2em;
  margin-bottom: 1.5em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
}

.list2 {
  margin-bottom: 2em;
  line-height: 2;
  margin-top: 2em;
}

.under {
  margin-bottom: 1em;
  line-height: 2;
  margin-top: 1em;
  padding-left: 3em;
  padding-top: 1em;
  padding-right: 3em;
}

.under2 {
  margin-bottom: 3em;
  line-height: 2;
  margin-top: -2em;
  padding-left: 3em;
  padding-top: 1em;
  padding-right: 3em;
}

ul.caution {
  padding: 1em;
  position: relative;
}

ul.caution li {
  line-height: 1.5;
  padding: 1.5em;
  border-bottom: dashed 1px orange;
  list-style-type: none;
  font-size: 1.2em;
  text-indent: -1.5em;
}

ul.caution li:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(https://www.ezup.co.jp/upload_resources/check_001.png)
    no-repeat;
  background-size: contain;
  margin-right: 0.5em;
}

ul.caution2 li {
  margin: 1.5em 1em;
  line-height: 2;
  list-style: disc;
}

ul.caution3 {
  padding: 1em;
  margin: 1.4em 1em 1.5em 1em;
  line-height: 2;
  position: relative;
}
ul.caution3 li {
  list-style: disc;
}

table.step {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 3em;
}

table.step tr {
  border-bottom: solid 1em #ffffff;
}

table.step td {
  text-align: left;
  width: 75%;
  text-align: center;
  background-color: #eee;
  padding-top: 1em;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 1em;
}

.contents-box12 {
  margin-bottom: 1em;
  padding: 1em;
  width: 50%;
  height: auto;
}
.contents-box12 img {
  display: block;
  width: 100%;
  height: auto;
}

.contents-wrap2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
}
.contents-box2 {
  margin-bottom: 1em;
  padding: 0.5em;
  width: 32%;
  height: auto;
}
.contents-box2 img {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 1px 1px 2px rgba(10, 10, 10, 0.2);
}

.contents-box2 p {
  margin-bottom: 1em;
  margin-top: 0;
  line-height: 2;
  padding: 0 1em;
}

.contents-wrap2_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contents-box2_1 img {
  display: block;
  margin-bottom: 0.5rem;
  width: 350px;
  height: auto;
}

.contents-box3 {
  margin-bottom: 1em;
  line-height: 2;
  margin-top: 0;
  width: 25%;
  height: auto;
  flex-grow: 1;
}
.contents-box3 p {
  padding: 0 1em;
  margin: 0;
}

.contents-box4 {
  margin-bottom: 1rem;
  padding: 0.5rem;
  width: 32%;
  height: auto;
  background-color: #ffffff;
}
.contents-box4 img {
  display: block;
  margin-bottom: 0.5rem;
  width: 100%;
  height: 100%;
}

.contents-box5 {
  margin-bottom: 3em;
  padding: 0.5em;
  height: auto;
}

.container {
  display: flex;
  justify-content: center;
  padding: 1em 0 2em 0;
}

.iframewrap {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.iframewrap iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0em;
}

.tabledl {
  font-size: 1.2em;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.tabledl th {
  width: 235px;
}

/* contactWrap */

.contactWrap {
  border: rgba(215, 1, 17, 0.8) 2px solid;
  margin-bottom: 2em;
}

.contactWrap header {
  background-color: rgba(215, 1, 17, 0.8);
  color: #fff;
  padding: 1em 0;
}
.contactWrap header h4 {
  color: #fff;
  font-family: "ゴシックMB101 DB";
  text-align: center;
  vertical-align: middle;
}

.contactWrap .orangeBtn2 a {
  color: rgba(215, 1, 17, 0.8);
  border: rgba(215, 1, 17, 0.8) 1px solid;
}
.contactWrap .orangeBtn2 #arrowIcon {
  fill: rgba(215, 1, 17, 0.8);
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.7em;
  vertical-align: -0.15em;
}

.contactWrap .orangeBtn2 a:hover {
  background-color: rgba(215, 1, 17, 0.8);
  color: #fff !important;
}

.contactWrap .orangeBtn2 a:hover #arrowIcon {
  fill: #fff;
}

.contactWrap header h4 {
  font-size: 1.7em;
}
.contactWrap header span {
  width: 2em;
  display: inline-block;
}
.contactWrap header .leftBkg {
  padding-right: 1em;
}
.contactWrap header .rightBkg {
  padding-left: 1em;
}
.contactWrap .flexBox {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em 0;
}
.contactWrap .tellBox {
  margin-right: 4em;
}
.tellBox a {
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
.tellBox a span {
  display: block;
}
.tellBox a .free {
  font-size: 1.2em;
  padding-right: 1em;
}
.tellBox a .number {
  font-size: 2.7em;
}
.tellBox p {
  padding: 5px 0;
}

.orangeBtn2 {
  width: 45%;
  padding: 0.5em;
}
.orangeBtn2 a {
  width: 100%;
  margin: 0 auto;
}

/* contactInner */
.contactInner .contactWrap header {
  position: relative;
}
.contactInner .contactWrap header:before {
  width: 13em;
  height: 3em;
  content: "";
  position: absolute;
  display: block;
  background: url("../../images/name_print/contact.png") no-repeat top left /
    contain;
  top: -2em;
  left: 0;
}

p.dlblue {
  color: #0052a4;
  font-weight: bold;
}
p.dlblue a {
  color: #0052a4;
}
p.dlblue a:hover {
  color: #3c6690;
}

p.dlblue:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(https://www.ezup.co.jp/upload_resources/dlicon.png) no-repeat;
  background-size: contain;
}

/* お問い合わせフォーム */

.tell_box {
  display: flex;
  padding: 0 0 10px 0;
  justify-content: center;
}

.tell_wrap {
  margin-right: 4em;
}

.tell_wrap img {
  width: 50px;
  height: 35px;
  margin-right: 15px;
}

#number {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1;
}

#number a:hover {
  color: #666 !important;
  transition: all 0.3s;
}

/* お問い合わせフォームここまで */

/* STEP項目 */

table.step th {
  text-align: left;
  width: 23%;
  background-color: #0052a4;
  color: #ffffff;
  text-align: center;
  padding: 1em 0;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: bold;
}

table.step td {
  text-align: left;
  width: 75%;
  text-align: center;
  background-color: #eee;
  padding: 1em 5px;
  font-size: 1.2em;
}

/* STEP項目ここまで */

@media screen and (max-width: 768px) {
  #outer2 {
    font-size: 0.9em;
    line-height: 1.5;
  }
  .induction-box1 {
    width: 48%;
    height: auto;
  }
  .contents-wrap {
    flex-direction: column;
  }
  .contents-box12 {
    width: 100%;
    height: auto;
  }

  .contents-box2 {
    width: 48%;
    height: auto;
  }

  .container {
    flex-direction: column;
  }
  .item1 {
    width: 100%;
  }
  .item2 {
    width: 100%;
  }

  .contents-box3 {
    width: 100%;
    height: auto;
  }


  /* contactWrap */
  .contactWrap {
    border: rgba(215, 1, 17, 0.8) 2px solid;
  }
  .contactWrap header {
    background-color: #d7011c;
    color: #fff;
    padding: 1em 0;
  }
  .contactWrap header h4 {
    color: #fff;
    font-family: "ゴシックMB101 DB";
    text-align: center;
    vertical-align: middle;
  }
  .tellBox a {
    color: #0052a4;
    text-decoration: none;
    display: inline-block;
    font-family: "ゴシックMB101 DB";
    margin-bottom: 0;
  }
  .tellBox a .number {
    font-family: Oswald;
  }
  .tellBox p {
    font-family: "ゴシックMB101 DB";
    background-color: #eeeeee;
    text-align: center;
    font-size: 0.9em;
  }
  .contactInner {
    padding-top: 3.5em;
  }
  .contactWrap header h4 {
    font-size: 1.21em;
  }
  .contactWrap .tellBox {
    text-align: center;
    padding-top: 1em;
    margin-right: 0;
  }
  .contactWrap .tellBox p {
    width: 90%;
    margin: 0 auto;
  }
  .contactWrap .free {
    font-size: 1.07em;
    display: block;
    margin-bottom: 0.5em;
  }
  .contactWrap .number {
    font-size: 2.7em;
    display: block;
    margin-bottom: 0.5em;
  }
  .contactWrap header span {
    width: 1.5em;
    display: inline-block;
  }
  .contactWrap header .leftBkg {
    padding-right: 0.5em;
  }
  .contactWrap header .rightBkg {
    padding-left: 0.5em;
  }

  /*linkBanner
  ---------------------------------------- */
  #linkBanner li {
    margin-bottom: 2em;
  }
  #linkBanner li:last-child {
    margin-bottom: 0;
  }
}

.btn-flat-vertical-border {
  position: relative;
  display: inline-block;
  padding: 1.5em 5em 1.2em 4.5em;
  text-decoration: none;
  background: #f08300;
  transition: 0.4s;
  border-radius: 8px;
}

.btn-flat-vertical-border:hover {
  background: #0052a4;
  color: #fff;
}

.induction {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 3em;
  text-align: center;
}

.induction-box1 {
  margin-bottom: 0.5em;
  padding: 0.5em;
  width: 25%;
  height: auto;
}

.induction-box1 p {
  text-align: left;
}

.induction-box1 img {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 1px 1px 2px rgba(10, 10, 10, 0.2);
  margin-bottom: 10px;
}

.pc {
  display: block !important;
}
.sp {
  display: none !important;
}

.spec table th,
.spec table {
  border-collapse: collapse;
  width: 100%;
}
.spec table th {
  background: #f2f2f2;
}
.spec table th,
.spec table td {
  border: solid 1px #ccc;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
}

.dx45color {
  justify-content: space-between;
  text-align: center;
}

#outer {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

#outer a {
  font-weight: bold;
}

#outer a:hover {
  color: #8abdf9;
}

p.red {
  font-weight: bold;
  line-height: 2em;
  color: #ff0000;
}

.bold {
  font-weight: bold;
}
.boldwhite {
  font-weight: bold;
  color: #ffffff;
}
.boldwhite_b {
  font-weight: bold;
  color: #ffffff;
  font-size: 1.2em;
}
.boldblue {
  font-weight: bold;
  color: #0052a4;
}
.boldred {
  font-weight: bold;
  color: #ff0000;
  font-family: "ゴシックMB101 DB";
}

.contents-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em 0;
}

.contents-wrap3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;  /*付属品・カラバリ等文字と画像の間隔*/
}


.wrap_start {
  justify-content: start;
}

.contents-box1 {
  margin-bottom: 0.5em;
  padding: 0.5em;
  width: 50%;
  height: auto;
}

.contents-box1 img {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px;
  background: #fff;
}

.contents-box1 p {
  margin-bottom: 1em;
  margin-top: 0;
  line-height: 2;
  padding: 1em 1em 0 1em;
}

.contents-wrap1_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 0.8em;
}
.contents-box1_1 {
  margin-bottom: 0.5em;
  padding: 0.5em;
  width: 32%;
  height: auto;
}


.contents-box1_7 {
  margin-bottom: 0.5em;
  padding: 0.5em;
  width: 50%;
  height: auto;
}



.contents-box1_1 img {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 1px 1px 2px rgba(10, 10, 10, 0.2);
}

.contents-box1_1 p {
  margin-bottom: 1em;
  margin-top: 0;
  line-height: 2;
  padding: 0 1em;
}

.contents-box2 {
  margin-bottom: 1em;
  line-height: 2;
  margin-top: 0;
  width: 25%;
  height: auto;
  flex-grow: 1;
}

.contents-box2 p {
  padding: 0 1em;
  margin: 0;
  line-height: 1.5;
}

.contents-box3 {
  margin-bottom: 1rem;
  padding: 0.5rem;
  width: 32%;
  height: auto;
  background-color: #ffffff;
}
.contents-box3 img {
  display: block;
  margin-bottom: 0.5rem;
  width: 100%;
  height: auto;
}

.contents-box4 {
  margin-bottom: 1em;
  padding: 0.5em;
  width: 25%;
  height: auto;
}

.contents-box4 img {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}

.contents-box4 p {
  margin-bottom: 1em;
  margin-top: 1em;
  line-height: 1.5;
  padding: 0 1em;
}

.contents-box5 {
  margin-bottom: 3em;
  padding: 0.5em;
  height: auto;
}

.contents-box6 {
  padding-bottom: 0.5em;
  width: 50%;
  height: auto;
}

.container {
  display: flex;
  justify-content: center;
  padding: 1em 0 3em;
}

.dx45color img {
  height: auto;
  border: 1px solid #ccc;
}

.dx45color p a img {
 border: none;
}

@media screen and (max-width: 768px) {
  #outer {
    font-size: 0.9em;
    line-height: 1.5;
  }
  .contents-wrap1_1 {
    flex-direction: column;
  }
  .contents-wrap {
    flex-direction: row;
  }
  .Product-wrap {
    flex-direction: column;
  }

  .contents-box1_1 {
    width: 100%;
    height: auto;
  }

  .contents-box1 {
    width: 48%;
    height: auto;
  }
  .contents-box2 {
    width: 100%;
    height: auto;
  }
  .contents-box3 {
    width: 100%;
    height: auto;
  }

  .contents-box4 {
    width: 50%;
  }

  .color_ver {
    width: 50%;
  }

  .contents-box6 {
    width: 100%;
  }

  .contents-box7 {
    width: 50%;
  }

  .Product {
    margin-bottom: 0px;
  }

  .induction-box1 {
    width: 48%;
    height: auto;
  }

  .sa td {
    padding: 0.5em;
  }

  .sa-th-6 {
    width: 29%;
  }

  .title:before {
    margin: 0 0 0 0;
  }

  .inductionnew {
    font-size: 0.8em;
  }

  .ti {
    font-size: 0.7em;
  }

  .tg {
    font-size: 0.7em;
  }

  .container {
    flex-direction: column;
  }
  .item1 {
    width: 100%;
  }
  .item2 {
    width: 100%;
  }

  .tabledl {
    width: 100%;
    font-size: 1em;
  }
  .tabledl .thead {
    display: none;
  }
  .tabledl tr,
  .tabledl td {
    display: block;
    max-width: 100%;
    position: relative;
  }
  .tabledl td:first-child:before {
    box-sizing: border-box;
    font-weight: bold;
    position: absolute;
    display: block;
    max-width: 100%;
  }

  .tabledl th {
    font-weight: bold;
  }

  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }

  h6 {
    text-align: left;
    display: flow-root;
    font-size: 1.3em;
    vertical-align: middle;
    margin-bottom: 1.2em;
  }
  .border-center {
    font-size: 0.9em;
  }


  .used_title {
    font-size: 1.3em;
    display: block;
  }

  .bellmare_title {
    font-size: 1.2em;
    display: block;
    color: #000;
    text-align: center;
  }

  .e-zup1 {
    width: 100%;
  }
  .e-zup2 {
    width: 30%;
  }

  .e-zup3 {
    padding: 0 0 0 0.6rem;
  }

  .e-zup3 > .e-zup_title {
    font-size: 1.2em;
  }
  .e-zup3 p {
    margin-bottom: 0;
    margin-top: 0;
    line-height: normal;
    padding: 0;
  }

  .dx45color {
    padding-bottom: 0.5em;
  }

  iframe {
    width: 100%;
    height: 250px;
  }
  .top_point {
    text-align: center;
  }

  .tit04 {
    line-height: 1.5em;
  }

  .title {
    display: block;
  }

  .point_title img {
    padding-right: 0;
    margin-bottom: 5px;
  }

  /*適応書体・プリント色・レイアウト例・名入れイメージ*/
  .contents-box1 {
    width: 100%;
    padding: 0;
  }

  .contents-box1 p {
    margin-bottom: 0;
    font-size: 1.3em;
  }

  .contents-wrap2 {
    flex-wrap: wrap;
    display: block;
  }

  /*適応書体・プリント色・レイアウト例・名入れイメージここまで*/

  /* お問い合わせフォーム */

  .contactWrap header h4 {
    font-size: 1.4em;
    line-height: 1.5;
  }

  .contactWrap {
    border: rgba(215, 1, 17, 0.8) 2px solid;
  }

  .contactWrap header {
    background-color: rgba(215, 1, 17, 0.8);
  }

  .contactWrap .flexBox {
    display: block;
    flex-wrap: wrap;
  }

  .tell_wrap {
    margin-right: 0;
  }

  .tell_text p {
    text-align: center;
  }

  .orangeBtn2 {
    width: 100%;
    padding: 1.5em 1.5em 0 1.5em;
  }
  #number {
    line-height: 1.2;
  }

  /* お問い合わせフォームここまで */

  /* 商品仕様の表 */
  .table_box {
    width: 100%;
  }
  /* 商品仕様の表ここまで */

  /* その他にもこのような方に使われています */
  .start {
    justify-content: space-between;
  }
  /* その他にもこのような方に使われていますここまで */

  .under2 {
    padding-left: 2em;
    padding-right: 2em;
  }
}

.tit03 {
  padding-top: 50px;
  margin-bottom: 20px;
}

.tit04 {
  padding-top: 50px;
  font-size: 1.4em;
  margin-bottom: 20px;
}

/* 共通ここまで */

/* 旧アウトレットトップ表レイアウト */
.mini {
  font-size: 0.7em;
}

.no1 {
  left: calc(50% - 60px);
  background: red;
  width: 400px;
  border-radius: 15px;
  line-height: 1;
  padding: 0.2em;
}

#emp {
  color: red;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff,
    1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}

#emp:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(https://www.ezup.co.jp/upload_resources/arrow_001.png)
    no-repeat;
  background-size: contain;
}

.plist {
  display: flex;
  justify-content: center;
  padding: 0px;
  font-family: "ゴシックMB101 DB";
}

.plist li {
  list-style: none;
  width: 50%;
  background-color: #fff;
  margin: 0px;
  padding: 0px;
}

.plist li.pcard {
  color: #000;
  border: 3px solid #adadad;

  display: flex;
  flex-direction: column;
  text-align: center;
}

.plist li.pcard h3 {
  background: #adadad;
  color: #ffffff;
  font-weight: bold;
  padding: 1em;
  margin: -5 -20;
}

.plist li.pcard .pttl {
  font-weight: bold;
  text-align: center;
  font-size: 2em;
  letter-spacing: 0.1em;
  padding: 0.5em;
}

.plist li.pcard .ptxt {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}

.plist li.pcard2 {
  background-color: #fff;
  color: #000;

  display: flex;
  flex-direction: column;
  border: 3px solid #0052a4;
  text-align: center;
}

.plist li.pcard2 h3 {
  background: #0052a4;
  color: #ffffff;
  font-weight: bold;
  padding: 1em;
  margin: -5 -15;
}

.plist li.pcard2 .pttl {
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 0.5em;
}

.plist li.pcard2 .ptxt {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}

/* 旧アウトレットトップ表レイアウトここまで */

/*アウトレット*/
.outlet {
  line-height: 2em;
  margin: 2.5em 0.5em 2.5em 0.5em;
  padding: 1.5em 1em 1em 1em;
  background: #eaf5fc;
  box-shadow: none !important;
}

.outlet h6 {
  text-align: center !important;
  margin-bottom: 0;
}

.outlet img {
  margin: 1em 0;
}

.center_text {
  text-align: center;
}

.outlet_text {
  display: inline-block;
  padding: 0.8em 0;
  font-family: "ゴシックMB101 DB";
  line-height: 1.5;
}

/*アウトレットここまで*/

/* セールここから */
.outlet_title {
  position: relative;
  background-color: rgba(215, 1, 17,0.8);
  padding: 1em;
  color: #fff;
  border-bottom:none;
}
.outlet_title:after {
  content: """";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: rgba(215, 1, 17,0.8) transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.infobtnbox {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.infobtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.infobtn-text {
  display: block;
  line-height: 1.6;
  font-size: 1.2em;
  font-family: ""ゴシックMB101 DB"";
}
.tenmakuframe {
  width: 300px;
  height: 60px;
  background-color: #f08300;
  color: #fff;
  font-weight: bold;
  margin-right: 20px;
  border-radius: 5px;
  padding-right: 23px;
}
.infolink:hover {
  opacity: 0.7;
}
.yokomaku {
  width: 300px;
  height: 70px;
  font-size: 1.2em;
  background-color: #299e00;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}
.infobtn-text::after {
  content: """";
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: -20px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.infobtn-text span {
  font-size: 1.5em !important;
  font-weight: bold;
  font-family: ""ゴシックMB101 DB"";
}
.itemall {
  width: 100%;
  padding: 1.4em 0;
  margin-bottom: 1em;
}
.inner-wrap {
  width: 100%;
  max-width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}
.flex-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.itembox {
  width: 28%;
  margin-right: 5%;
  margin-bottom: 4em;
}
.item-img {
  margin-bottom: 0.5em;
  background-color: #ffffff;
}
.item-name {
  font-weight: bold;
  color: #0553a5;
  font-size: 1.15em;
  line-height: 1.35em;
  margin-bottom: 0.5em;
}
.item-name:hover {
  opacity: 0.7;
}
.item-price {
  font-weight: bold;
  color: #e60012;
  text-align: right;
  font-size: 1.35em;
}
.price-small {
  font-size: 0.85em !important;
}
.contents-box6--text {
  font-family: ""ゴシックMB101 DB"";
  font-size: 1.4em;
  text-align: center;
  color: #0052a4;
  padding: 0px 0 30px 0;
  text-align: center;
  margin-top: 40px;
}
.lineup-btn {
    width: 300px;
    height: 70px;
    margin: 0 auto;
    background-color: #0052a4;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    display: block;
}
.lineup-info a:hover{
  opacity: 0.7;
}
.lineupbox {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 300px;
  height: 70px;
  font-family: ""ゴシックMB101 DB"";
  font-size: 1.1em;
}

.lineupbox2 {
  display: flex;
  justify-content: flex-start;/*左寄せで配置*/
  align-items: center;
  color: #fff;
  width: 250px;
  height: 60px;
  font-family: ""ゴシックMB101 DB"";
  font-size: 1.1em;
}

.printBanner{
padding: 30px 10px 0px 10px;
}

@media screen and (max-width: 729px) {
  /*↓スマホ用CSSはここに記述↓*/
  .infobtnbox{
    flex-wrap: wrap;
}
  .tenmakuframe{
    margin-right: 0;
    margin-bottom: 20px;
}
  .itembox{
    width: 45%;
    margin-bottom: 2em;
}
  .flex-box{
    justify-content: start;
}

.sa th {
  padding: 1.3em 1.8em;
  border: solid 1px #CCCCCC; /* 商品仕様枠線色指定 */
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
  width: 100px;
}

.sa td {
  padding: 0.4em 0.5em;
  border: solid 1px #CCCCCC; /* 商品仕様枠線色指定 */
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
}


}

/* セールここまで */


/* SPツール */

#outer { font-family: inherit;}
.mb15 { margin-bottom: 15px;}
.list_disc { padding-left: 1em; font-size: 0.9em; text-align: left;}
.list_disc li { list-style: outside disc; font-weight: bold;}

.dx_add_sec { line-height: 1.6; margin-bottom: 45px;}
.dx_add_sec img { border: none; }
.dx_add_sec h5 { margin-bottom: 30px; word-break: keep-all; font-size: min(7vw,2em);}
.dx_add_sec .box01 { display: flex; justify-content: space-between;}
.dx_add_sec .box01 > figure { width: 45%;}
.dx_add_sec .box01 .box_inner { width: 52%;}
.dx_add_sec h6 { background: #0052A4; color: #fff; display: table; padding: 0.3em 0.5em; margin: 0px 0px -1em;}
.dx_add_sec .box02 { background: #EAF5FC; padding: 2em 1em 1em;}
.dx_add_sec .arrow { margin: 5px 0px 5px 10em; text-align: left;}

@media screen and (max-width: 729px) {
  .dx_add_sec .box01 { display: block;}
  .dx_add_sec .box01 > figure { width: auto; text-align: center; margin-bottom: 20px;}
  .dx_add_sec .box01 .box_inner { width: auto;}
  .dx_add_sec .arrow { margin: 10px 0px; text-align: center;}
}

/* SPツールここまで */