@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: 900px; 
}

#vegas   { width: 100%; height: 700px; text-align: center; }

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

.header                              { text-align: left; clear: both; position: relative; z-index: 20; width: 100%; height: 705px; }
.header_box_1                               { background: url(../image/bg_top_01.png) no-repeat; text-align: center; clear: both; position: absolute; top: 0px; left: 0px; width: 300px; height: 700px; z-index: 15;  }
.header_box_2                            { background: url(../image/bg_head_01.png) no-repeat; text-align: right; margin: 0px auto; position: fixed; top: 0px; right: 0px; width: 300px; height: 200px; z-index: 20;  }
.header_box_2_1                            { position: relative; top: 70px; right: 70px; }
.image_box                                    { text-align: center; clear: both; position: absolute; z-index: 10; top: 0px; width: 100%; height: 700px }
.image_box_1                                    { clear: both; margin: 0px auto 0px auto; padding-top: 100px; padding-left: 200px; 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: 700px; background-size: cover ; cover: -moz-background-size: cover; }


/* リード部 */
.main_01                                { background: url(../image/pict/pic_bg_01.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: right; margin: 0px auto; padding: 0px 20px; position: relative; width: 100%; max-width: 1300px; }
.main_01_1                                      { margin-top: 80px; width: 100% }
.main_01_2                                       { color: #fff; font-size: 20px; line-height: 40px; text-shadow: 0px 0px 5px #000, 0px 0px 2px #000; margin-top: 80px; margin-bottom: 150px; width: 100% }
.tag_h1               { color: #1E1E1E; font-style: normal; font-weight: normal; text-shadow: 0px 0px 8px #fff, 0px 0px 3px #fff; font-size: 50px; line-height: 70px; 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                              { position: absolute; z-index: 5; right: 0px; bottom: 0px }

.main_02_1                               { clear: both; margin-top: 0px; padding-bottom: 40px; position: relative; z-index: 10; width: 100% }
.main_02_2                                     { clear: both; margin-top: 80px; width: 60%; max-width: 650px }
.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: 50px; line-height: 70px; 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: 130px 0px; 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: 33%; overflow: hidden; }
.main_03_2                       { color: #856D42; font-size: 20px; line-height: 32px; margin-top: 20px; margin-bottom: 10px; }


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


/* 手作り */
.main_06                                   { text-align: center; float: left; margin: 0px auto; position: relative; width: 100%; height: 700px; }
.main_06_bg_1                               { position: absolute; left: 39%; }
.main_06_bg_2                               { background-color: #044533; position: absolute; left: 0; width: 40%; height: 700px; }
.main_06_bg_3                                { background: url(../image/pict/pic_top_11.jpg) no-repeat left top; position: absolute; right: 0; width: 60%; height: 700px; background-size: cover ; cover: -moz-background-size: cover }
.main_06_left                                   { color: #EDEDED; text-align: left; float: left; margin: 0px auto; position: relative; width: 50%; height: 600px;  -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: -180px; left: 0px; width: 150px; height: 500px }
.main_06_left_2                                { font-size: 16px; line-height: 30px; clear: both; margin-top: 50px; margin-right: 40px; 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: 20px; 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: 20px; 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: 450px; 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: 600px; height: auto; }
.img_size_03                              { width: 100%; height: auto; max-width: 1000px }
.img_size_04                              { }
.insta_flame                              { border: none; overflow: hidden;  width: 800px; height: 800px}


.table_width_01                 { margin: 0px auto; border: solid 1px #d7d7d7; width: 100%; border-collapse: collapse; max-width: 800px }
.table_width_02                 { margin: 0px auto; border: solid 1px #d7d7d7; width: 100%; border-collapse: collapse; max-width: 800px }
.td_width_01                    { padding: 15px 15px 10px; border: solid 1px #b2b2b2; width: 250px; border-collapse: collapse  }
.td_width_02                     { padding: 15px 15px 10px; border: solid 1px #b2b2b2; border-collapse: collapse  }
.td_width_03                    { padding: 15px 15px 10px; border: solid 1px #b2b2b2; width: 250px; border-collapse: collapse  }
.td_width_04                     { padding: 15px 15px 10px; border: solid 1px #b2b2b2; border-collapse: collapse  }