@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: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-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: center; clear: both; position: relative; z-index: 50; width: 100%; height: 1070px; min-width: 600px }

.header_box_1_1                                 { background: url(../image/bg_head_sp.png) repeat-x left top; text-align: center; margin: 40px auto 0px; position: absolute; z-index: 20; width: 100%; height: 300px }
.header_box_1_2                             { text-align: center; margin: 0px auto 0px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; position: relative; top: 590px; width: 450px; z-index: 20; }
.header_box_1_3                             { position: fixed; top: 30px; right: 20px; z-index: 100; z-index: 30; }
.header_box_1_4                             { position: absolute; bottom: -25px; left: 10px; width: 280px; height: 200px; z-index: 60; }
.line_icon        { display: none; }

.image_box_musk           { text-align: center; clear: both; position: absolute; z-index: 10; top: 270px; width: 100%; height: 800px }
.image_box                                    { text-align: center; clear: both; position: absolute; z-index: 5; top: 320px; width: 100%; height: 750px }
.tag_h1              { color: #ffffff; font-style: normal; font-weight: normal; font-size: 26px; line-height: 60px; text-decoration: none; text-align: center; padding: 0px 10px; width: 100% }

.musk_01                             { background: url(../image/bg_main_headmusk.png) repeat-x; position: absolute; bottom: -5px; width: 100%; height: 50px; z-index: 20; }
.musk_02                             { background: url(../image/bg_main_headmusk_2.png) repeat-x; position: absolute; bottom: -30px; width: 100%; height: 50px }



/* リード部 */
.main_01                                   { background: url(../image/bg_main_01.jpg) repeat; text-align: center; float: left; clear: both; padding: 200px 0px 0px; position: relative; z-index: 10; width: 100% }
.main_01_box                                   { text-align: center; margin: 0px auto; padding: 0px 20px; position: relative; width: 100%; }
.main_01_1                                     { text-align: center; margin: 0px auto 80px; position: relative; width: 100% }
.main_01_1_read                                     { text-align: left; margin: 0px auto 40px; position: relative; width: 100% }
.main_01_2                                 { margin: 0px auto 80px; text-align: center; position: relative; width: 100%;  }
.main_01_2_l                           { clear: both; margin: 0px auto 60px; position: relative; width: 450px }
.main_01_2_r                          { clear: both; margin: 0px auto 60px; position: relative; width: 450px }

.tag_h2               { color: #194392; font-style: normal; font-weight: normal; font-size: 40px; line-height: 60px; text-decoration: none; margin: 0px auto }

.main_01_box_2                                    { text-align: center; margin: 0px auto 150px; position: relative; width: 100%; height: 240px }
.main_01_3                                   { position: absolute; z-index: 20; width: 100%; height: 240px }
.main_01_4                                   { position: relative; z-index: 10; width: 100%; height: 240px }


/* 内容 */
.main_01_1_act  
{ text-align: center; margin: 100px auto 40px; position: relative; width: 100%; 
display: flex;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
}

.main_01_1_act > div{
	width: 240px;
	margin-right: 20px; margin-left: 20px;
	margin-bottom: 100px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.main_01_1_act_01       { background: url(../image/icon/icon_0000_2_sp.png) no-repeat center bottom; background-size: contain; position: relative; margin: 20px auto 25px; padding-bottom: 10px; width: 100%; color: #194392; font-size: 26px; font-weight: bold; line-height: 32px; }




/* カレンダー */
.main_03                                   { text-align: center; float: left; clear: both; padding: 200px 0px 50px; position: relative; z-index: 10; width: 100% }
.main_03_box                                  { text-align: center; margin: 0px auto; padding: 0px 20px; position: relative; width: 100%; }



/* 新着情報 */
.topics_flame                           { text-align: center; position: rerative; width: 100%; height: auto; margin-bottom: 50px; }
.topics_title               { font-style: normal; font-weight: bold; font-size: 36px; line-height: 55px; text-decoration: none; margin: 0px auto; padding-bottom: 10px; border-bottom: 1px solid #909090 }
.topics_copy               { color: #064FB0; font-size: 16px; line-height: 44px; margin-top: 5px }
.topics_1                             { text-align: center; position: relative; margin-top: 80px; margin-bottom: 100px; width: 100% }
.topics_2                             { text-align: left; clear: both; margin: 0px auto 150px; width: 100%; }
.topics_3                             { text-align: center; margin: 0px auto 30px; width: 100%; }
.table_topics_01                { width: 100%; border-collapse: collapse; }
.td_topics_01                  { padding: 15px 15px 10px; border-bottom: 1px solid #9d9d9d; width: auto; border-collapse: collapse  }
.td_topics_02                   { padding: 15px 15px 10px; border-bottom: solid 1px #9D9D9D; width: 150px; border-collapse: collapse  }


/* マップ */
.main_04                                   { background: url(../image/bg_main_01.jpg) repeat; text-align: center; float: left; clear: both; padding-top: 120px; position: relative; z-index: 10; width: 100% }
.main_04_box                                  { text-align: center; 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      { color: #fff; font-weight: bold; font-size: 20px; font-family: ?ﾖｾ????, "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", "Helvetica Neue", serif; background-color: #3E7C97; padding: 12px 0px; border: solid 1px #3E7C97; width: 300px; 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: #74C6CD; padding: 12px 0px; border: solid 1px #74C6CD; width: 300px; cursor: pointer; grayscale: -webkit-font-smoothing: antialiased  }
.mail_btn_1    { font-size: 20px; background-color: #f7f7f7; padding: 10px 0px; width: 80%; max-width: 300px; 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: url(../image/bg_foot_01.png) repeat-x; text-align: center; margin: 0 auto; padding: 10px 0px; width: 100%; height: 80px }
.foot_box_2_2                  { margin-top: 30px; }
.sns_box                               { text-align: right; padding-right: 30px; position: fixed; z-index: 100; right: 0px; bottom: 0px; width: 80px; height: 160px }



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

.img_size_header                              { width: 380px; height: auto; }
.img_size_footer                              { width: 450px; height: auto; }
.img_size_scroll                              { width: 650px; height: auto; }
.img_size_scroll_2                              { width: 240px; height: auto; }
.img_size_ship                              { width: 400px; height: auto; }
.img_size_01                              { width: 100%; height: auto; }
.img_size_02                              { width: 90px; height: auto; }


.table_width_01                 { margin: 0px auto; border: solid 1px #d7d7d7; width: 100%; border-collapse: collapse; }
.table_width_02                 { margin: 0px auto; 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: #c0c0c0; text-align: center; padding: 10px 10px 8px; width: 100%; border-collapse: collapse; display: block }
.td_width_04                    { padding: 15px 10px 70px; width: 100%; border-collapse: collapse; display: block }