@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap");
html            { width: 100%; height: 100% }

body                 
{ width: 100%; height: 100%;
font-family:"游明朝体", "Yu Mincho", YuMincho, 'Noto Serif JP', 'Hiragino Mincho ProN', "Helvetica Neue", serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 
text-decoration: none; 
margin: 0px; padding: 0px; width: 100%; height: 100%; overflow-x: hidden; url: text-align: center;
min-width: 600px;
}
#vegas   { width: 100%; height: 750px; text-align: center; }

.hidden        { display: none; }
.main_visible          { display: none; }
.sp_visible        { }


.header                              { text-align: left; clear: both; position: relative; z-index: 20; width: 100%; height: 755px; }
.header_box_1                               { background: url(../image/bg_top_01_sp.png) no-repeat; text-align: left; clear: both; position: fixed; top: 0px; left: 0px; width: 100%; height: 120px; z-index: 25;  }
.img_size_title                              { width: 420px; height: auto; }
.header_box_2                            { text-align: right; margin: 0px auto; position: fixed; top: 0px; right: 0px; width: 100px; height: 120px; z-index: 25;  }
.header_box_2_1                            { position: relative; top: 20px; right: 20px; }
.image_box                                    { text-align: center; clear: both; position: absolute; z-index: 10; top: 0px; width: 100%; height: 750px }
.image_box_1                                    { clear: both; margin: 0px auto 0px auto; padding-top: 180px; padding-left: 10px; position: relative; width: 100%; }
.image_box_2                              { position: absolute; bottom: 0px; width: 100%; z-index: 16; }

.image_box_mail                                    { background: url(../image/pict/pic_top_00.jpg) no-repeat; text-align: center; clear: both; position: absolute; z-index: 10; top: 0px; width: 100%; height: 450px; background-size: cover ; cover: -moz-background-size: cover; }


/* リード部 */
.main_01                                { background: url(../image/pict/pic_bg_01_sp.jpg) no-repeat; text-align: left; float: left; clear: both; margin-top: 0px; position: relative; width: 100%; background-size: cover ; cover: -moz-background-size: cover }
.main_01_box                                   { text-align: center; margin: 0px auto; padding: 0px 20px; position: relative; width: 100%; max-width: 1300px; }
.main_01_1                                      { margin-top: 100px; width: 100% }
.main_01_2                                       { text-align: left; color: #fff; font-size: 22px; line-height: 45px; text-shadow: 0px 0px 5px #000, 0px 0px 2px #000; margin-top: 120px; margin-bottom: 200px; width: 100% }
.tag_h1               { color: #1E1E1E; font-style: normal; font-weight: normal; text-shadow: 0px 0px 8px #fff, 0px 0px 3px #fff; font-size: 42px; line-height: 60px; text-decoration: none; }


/* リード部２ */
.main_02                                 { text-align: center; float: left; clear: both; padding-bottom: 100px; position: relative; z-index: 10; width: 100% }
.main_02_box                              { text-align: left; margin: 130px auto 30px; padding: 0px 20px; position: relative; width: 100%; max-width: 1300px }
.main_02_bg                             { display: none; }

.main_02_1                               { clear: both; margin-top: 0px; padding-bottom: 40px; position: relative; z-index: 10; width: 100% }
.main_02_2                                     { clear: both; text-align: left; margin-top: 80px; width: 100%; }
.main_02_2_link                                { color: #fff; font-size: 18px; background-color: #DD9400; text-align: center; margin: 0px auto; padding: 15px 10px 17px; width: 100%; display: block }
.main_02_2_link:hover                   { background-color: #FFB65D; text-align: center; margin: 0px auto; padding: 15px 10px 17px; width: 100%; display: block }

.tag_h2                { color: #856D42; font-style: normal; font-weight: normal; font-size: 45px; line-height: 60px; text-decoration: none; margin-bottom: 20px; max-width: 900px }
.tag_h3               { color: #856D42; font-style: normal; font-weight: normal; font-size: 24px; line-height: 40px; text-decoration: none; max-width: 900px; }
.tag_h4                { color: #856D42; font-style: normal; font-weight: normal; font-size: 50px; line-height: 70px; text-decoration: none; margin-bottom: 20px; }




/* 商品 */
.main_03                                    { background-color: #eee; text-align: center; float: left; clear: both; padding: 80px 0px 130px; position: relative; z-index: 10; width: 100% }
.main_03_box                                  { text-align: center; margin: 0px auto; padding: 0px 20px; position: relative; width: 100%; max-width: 1300px }
.main_03_bg                              { width: 100%; position: absolute; bottom: -2px }
.main_03_1                           { text-align: center; margin: 100px auto; position: relative; width: 100%; display: flex; flex-wrap: wrap; }
.main_03_1 > div                 { margin-bottom: 80px; padding: 0px 4%; position: relative; width: 50%; overflow: hidden; }
.main_03_2                       { color: #856D42; font-size: 24px; line-height: 32px; margin-top: 20px; padding-bottom: 10px; }


/* メール */
.header_mail                              { text-align: left; clear: both; position: relative; z-index: 20; width: 100%; height: 450px; }
.main_04_box                                  { text-align: center; margin: 0px auto; padding: 0px 20px; position: relative; width: 100%; max-width: 1100px }
.main_04_1                                      { text-align: center; margin: 0px auto 180px; position: relative; width: 100% }


/* 手作り */
.main_06                                   { background-color: #044533; text-align: center; float: left; margin: 0px auto; position: relative; width: 100%; height: 1550px; }
.main_06_bg_1                             { display: none; }
.main_06_bg_2                             { display: none; }
.main_06_bg_3                                { background: url(../image/pict/pic_top_11_sp.jpg) no-repeat left top; position: relative; right: 0; width: 100%; height: 800px; background-size: cover ; cover: -moz-background-size: cover }

.main_06_left                                   { color: #EDEDED; text-align: left; float: left; margin: 0px auto ; position: relative; width: 100%; height: 700px;  -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; }

.main_06_left_1                                         { font-size: 40px; line-height: 65px; float: left; margin: 100px auto 0px; padding: 0px 10px; border-left: 1px solid #ededed; position: absolute; right: -380px; left: 0px; width: 150px; height: 500px }
.main_06_left_2                                { font-size: 20px; line-height: 42px; clear: both; margin-top: 50px; margin-right: 60px; max-height: 450px }


/* 運営 */
.main_05                                   { text-align: center; float: left; margin: 0px auto; position: relative; width: 100% }





/* 商品表示レスポンシブ */

*, *:before, *:after {
	box-sizing: border-box;
}


.col_4{
	width: 100%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	flex-wrap: wrap;
}
.col_4 > div{
	width: 200px;
	margin-right: 35px; margin-left: 35px;
	margin-bottom: 80px;
	position: relative;
	text-align: left;
	overflow: hidden;
}




/* メールボタン */

.mail_btn      { text-align: center; color: #fff; font-weight: bold; font-size: 24px; font-family: 游明朝体, "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", "Helvetica Neue", serif; background-color: #DD9400; padding: 13px 0px; border: solid 1px #DD9400; width: 350px; cursor: pointer; grayscale: -webkit-font-smoothing: antialiased  }
.mail_btn:hover      { color: #fff; font-weight: bold; font-size: 24px; font-family: 游明朝体, "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", "Helvetica Neue", serif; background-color: #FFB65D; padding: 13px 0px; border: solid 1px #FFB65D; width: 350px; cursor: pointer; grayscale: -webkit-font-smoothing: antialiased  }
.mail_btn_1    { font-size: 20px; background-color: #f7f7f7; padding: 13px 0px; width: 80%; max-width: 350px; border: solid 1px #3a3a3a; cursor: pointer; font-family:"游明朝体", "Yu Mincho", YuMincho, 'Noto Serif JP', 'Hiragino Mincho ProN', "Helvetica Neue", serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.mail_btn_1:hover   { background-color: #d7d7d7 }


.footer                    { text-align: center; clear: both; position: relative; width: 100%; z-index: 10; }
.foot_box_1                     { text-align: center; margin: 0 auto; padding: 80px 0px 60px; z-index: 10; width: 100% }
.foot_box_2                    { background-color: #044533; text-align: center; margin: 0 auto; padding: 10px 0px; width: 100% }
.foot_box_3                  { text-align: center; margin: 0 auto; padding-top: 90px; position: absolute; z-index: 10; top: 0px; width: 100%; height: 120px }
.sns_box                               { text-align: right; padding-right: 30px; position: fixed; z-index: 100; right: 0px; bottom: 0px; width: 80px; height: 160px }
.foot_box_4                     { text-align: center; margin: 0 auto; padding: 0px 0px 60px; z-index: 10; width: 100% }



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

.img_size_header                              { width: 400px; height: auto; }
.img_size_footer                              { width: 450px; height: auto; }
.img_size_scroll                              { width: 200px; height: auto; }
.img_size_01                              { width: 100%; height: auto; }
.img_size_02                              { width: 100%; height: auto; }
.img_size_03                              { width: 100%; height: auto; max-width: 1000px }
.img_size_04                              { width: 80px; height: auto; }


.table_width_01                 { margin: 0px auto; border: solid 1px #d7d7d7; width: 100%; border-collapse: collapse; }
.table_width_02                 { width: 100%; border-collapse: collapse; }
.td_width_01                    { padding: 15px 15px 10px; border: solid 1px #b2b2b2; width: 200px; border-collapse: collapse  }
.td_width_02                     { padding: 15px 15px 10px; border: solid 1px #b2b2b2; border-collapse: collapse  }
.td_width_03                  { background-color: #F0F0F0; padding: 10px 10px 8px; width: 100%; border-collapse: collapse; display: block; }
.td_width_04                    { padding: 15px 10px 50px; width: 100%; border-collapse: collapse; display: block }