html            { width: 100%; height: 100% }
body                  { width: 100%; height: 100%; font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; text-decoration: none; margin: 0px; padding: 0px; min-width: 1200px; overflow-x: hidden; url: text-align: center }

#imageContainer     { margin: 0px; width: 100%; overflow: hidden; visibility: visible; display: block }
#imageContainer img   { position: fixed; top: 0px; left: 0; width: 100%; display: none }
.fitimg  { min-height: 100vh; min-width: 1050px }
.overlay   { background: url(../image/icon/bg_all_2.png) repeat; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100vh; }

.hidden        { display: none; }
.main_hidden        { }
.sp_hidden        { display: none; }
/* クレジット決済注意・後で非表示 */
.hidden_after         { display: none; }

.header                              { text-align: center; clear: both; position: relative; z-index: 5; width: 100%; height: 500px }
.header_img_01                      { background: url(../image/pict/pic_main_01.jpg) no-repeat center top; text-align: center; margin-right: auto; margin-left: auto; position: absolute; z-index: 5; top: 180px; left: 0px; width: 100%; height: 300px; visibility: visible; background-size: cover ; cover: -moz-background-size: cover  }
.header_img_02                       { background: url(../image/bg_main_11.png) repeat-x left top; text-align: center; margin-right: auto; margin-left: auto; position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 500px }




.header_box                       { text-align: left; margin: 0px auto; position: relative; z-index: 10; top: 0px; left: 0px; width: 1160px; height: 180px }
.header_box_01                       { text-align: left; float: left; margin-left: 0px; position: relative; z-index: 20; width: 580px; height: 180px }
.header_01_1                            { text-align: left; margin: 0px auto; padding-top: 10px; padding-left: 10px; position: relative; width: 100%; height: 40px }
.header_01_2                           { text-align: left; clear: both; position: relative }
.header_box_02                       { background: url(../image/bg_main_12.png) no-repeat right top; text-align: right; float: right; position: relative; z-index: 20; width: 580px; height: 180px }
.header_02_1                             { text-align: right; margin-top: 120px; position: relative; }
.header_menu                             { float: right; margin-left: 10px }



.main_01                          { text-align: center; clear: both; position: relative; z-index: 20; width: 100% }
.main_01_box                          { text-align: left; margin-top: 20px; margin-right: auto; margin-left: auto; position: relative; width: 1160px; height: 80px }

.main_02                             { text-align: center; float: left; clear: both; padding-bottom: 60px; position: relative; width: 100% }
.main_02_box                                   { text-align: center; margin: 0px auto; position: relative; width: 1160px; }

.main_02_left                              { text-align: left; float: left; padding-bottom: 100px; position: relative; width: 330px }
.main_02_l_01                              { background: url(../image/bg_main_101.gif) no-repeat left top; padding: 15px; width: 310px }
.main_02_l_02                               { background: url(../image/bg_main_102.gif) no-repeat left bottom; padding: 15px; width: 310px }
.main_02_l_03                               { float: left; margin-bottom: 10px; width: 120px }
.main_02_l_04                               { text-align: right; float: left; width: 160px }
.main_02_l_05                                  { background: url(../image/icon/icon_line_01.png) repeat-x left top; text-align: center; clear: both; padding-top: 15px; position: relative; width: 280px }
.main_02_l_06                                 { text-align: left; padding-top: 40px; padding-bottom: 20px; width: 310px }

.main_02_right                              { text-align: left; float: right; padding-bottom: 50px; position: relative; width: 780px }
.main_02_r_copy                                 { background: url(../image/icon/icon_line_02.png) no-repeat; text-align: left; margin-bottom: 30px; padding-top: 10px; padding-left: 20px; width: 780px; height: 60px }
.main_02_r_01                               { margin-bottom: 100px; width: 780px }
.main_02_r_101                                   { text-align: center; margin-right: auto; margin-left: auto; padding-bottom: 60px; width: 780px }
.main_02_r_102                                 { width: 780px }
.main_02_r_103                                  { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e3e3e3; width: 780px }
.main_02_r_104                                  { padding-top: 10px; padding-bottom: 10px; width: 780px }

.main_03                             { background: url(../image/bg_main_01.gif) repeat; text-align: center; float: left; clear: both; padding-top: 30px; padding-bottom: 60px; position: relative; width: 100% }
.main_03_ex                            { background: url(../image/bg_main_02.gif) repeat-x; text-align: center; clear: both; position: relative; width: 100%; height: 50px }
.main_03_box                                  { text-align: center; margin: 0px auto; position: relative; width: 1160px; height: 600px }
.main_03_1                                    { text-align: center; margin: 0px auto; padding-bottom: 60px; position: relative; width: 1160px }
.main_03_2                                     { background: url(../image/icon/icon_line_03.png) repeat-y right top; text-align: left; float: left; margin: 0px auto; padding-right: 50px; position: relative; width: 580px }
.main_03_3                                    { text-align: left; float: right; margin: 0px auto; padding-left: 0px; position: relative; width: 530px }
.main_03_4_copy                                 { background: url(../image/icon/icon_line_04.png) no-repeat; text-align: left; margin-bottom: 0px; padding-top: 10px; padding-left: 20px; width: 530px; height: 60px }
.main_03_4_copy_l                                  { text-align: left; float: left; width: 310px }
.main_03_4_copy_r                                   { text-align: right; float: right; padding-top: 8px; width: 200px }
.main_03_4                                    { text-align: left; margin: 0px auto; padding-bottom: 60px; position: relative; width: 530px }


.footer                    { background: url(../image/bg_foot_01.gif) repeat-x; text-align: center; clear: both; margin-right: auto; margin-left: auto; position: relative; z-index: 10; width: 100%; height: 500px }
.footbox               { background: url(../image/bg_foot_02.gif) no-repeat; text-align: center; margin: 0 auto; position: relative; width: 1160px; height: 500px }
.foot_01                           { padding-top: 200px; position: relative; width: 1160px; height: 150px }
.foot_02                            { text-align: center; margin-top: 150px; position: relative; width: 1160px }
.foot_02_1                           { text-align: left; margin: 0px auto 0px auto; padding-left: 50px; position: relative; width: 500px }
.foot_03                         { text-align: center; margin-top: 20px; position: relative; }
.foot_04                               { text-align: right; position: absolute; top: 320px; left: 1100px; width: 60px; height: 140px; ext-align: right  }
.foot_04_1        { padding-top: 20px }

.sns_box                               { text-align: right; padding-right: 20px; position: fixed; z-index: 100; right: 0px; bottom: 30px; width: 80px; }


.bg_contents_01                { width: 1000px; height: 560px }

.img_size_01                              { width: 400px; height: 100px }
.img_size_cart_01                              { width: 220px; height: 220px }

.table_width_01                { width: 780px; border:1px solid #d7d7d7; border-collapse:collapse; }
.table_width_02                 { border: solid 1px #d7d7d7; width: 600px; border-collapse: collapse }
.table_width_03                { width: 780px; }
.table_width_101                { width: 100%; border:1px solid #d7d7d7; border-collapse:collapse; }
.table_width_102                { width: 100%; }
.td_width_01                  { background-color: #f5f5f5; padding: 10px 10px 8px; border: solid 1px #d7d7d7; width: 250px; border-collapse: collapse  }
.td_width_02                  { padding: 10px 10px 8px; border: solid 1px #d7d7d7; width: 530px; border-collapse: collapse  }
.td_width_03                   { padding-right: 10px; padding-left: 10px; width: 200px; height: 40px }
.td_width_04                  { width: 400px; height: 40px }
.td_width_05                  { width: 600px; height: 40px }
.td_width_06                 { border: solid 1px #d7d7d7; width: 40px; height: 30px; border-collapse: collapse }
.td_width_07                  { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 330px; height: 30px; border-collapse: collapse  }
.td_width_08                  { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 120px; height: 30px; border-collapse: collapse  }
.td_width_09                  { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 170px; height: 30px; border-collapse: collapse  }
.td_width_10                  { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 610px; height: 30px; border-collapse: collapse  }
.td_width_11                   { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 120px; height: 35px; border-collapse: collapse  }
.td_width_12                   { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 270px; height: 35px; border-collapse: collapse  }
.td_width_13                   { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 100px; height: 35px; border-collapse: collapse  }
.td_width_14                   { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 170px; height: 35px; border-collapse: collapse  }
.td_width_15                  { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 370px; height: 30px; border-collapse: collapse  }
.td_width_16                  { width: 780px; padding: 10px 10px 8px; }
.td_width_51                   { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 120px; height: 35px; border-collapse: collapse  }
.td_width_52                   { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 270px; height: 35px; border-collapse: collapse  }
.td_width_53                   { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 100px; height: 35px; border-collapse: collapse  }
.td_width_54                   { padding-right: 10px; padding-left: 10px; border: solid 1px #d7d7d7; width: 170px; height: 35px; border-collapse: collapse  }
.td_width_101                   { background-color: #f5f5f5; padding: 5px 10px; border: solid 1px #d7d7d7; width: 33%; border-collapse: collapse  }
.td_width_102                   { padding: 5px 10px; border: solid 1px #d7d7d7; width: 33%; border-collapse: collapse  }
.td_width_103                   { background-color: #fbfbfb; padding: 5px 10px; border: solid 1px #d7d7d7; width: 33%; border-collapse: collapse  }
.osusume_td_01                 { text-align: left; float: left; margin-right: 60px; width: 220px }
.osusume_td_02                 { text-align: left; float: left; width: 220px }




.list-item::after{
   content: '';
        display:block;
        width:0;
        margin: 2px auto 0;
        border-bottom: 2px solid  #1CD7F7;
        transition: width 0.3s ease-in-out;
}

.list-item:hover::after{
  width: 100%;
}



.mainimage img                 { text-align: center; margin: 0px 0px 20px }
.thumbnails                { text-align:center; width: 100%; margin: 0 auto; }
.thumbnails img                     { margin: 0px 5px; width: 100px; height: auto; cursor: pointer  }