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

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


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

.header                               { text-align: center; clear: both; position: relative; z-index: 50; width: 100%; height: 650px }
.header_box_1_1                             { text-align: center; margin: 0px auto; padding-top: 80px; position: relative; width: 100%; z-index: 20; }
.header_box_1_2                             { color: #fff; text-align: center; margin: 20px auto 0px; padding: 8px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative; left: 30px; width: 380px; z-index: 20; }
.header_box_1_3                              { background: url(../image/img_head_01.png) no-repeat right top; position: absolute; top: 0px; right: 0px; width: 320px; height: 150px; z-index: 20; }
.header_box_1_4                             { position: absolute; bottom: -25px; left: 30px; width: 400px; height: 160px; z-index: 60; }

.line_icon        { display: none; }
@media screen and (min-width:601px) and (max-width:1100px) {
	.line_icon   { display: block; width: 100px; height: 100px; position: absolute; top: 105px; right: 40px; }
}

.image_box_musk          { text-align: center; clear: both; position: absolute; z-index: 10; top: 0px; width: 100%; height: 650px }
.image_box                                    { text-align: center; clear: both; position: absolute; z-index: 5; top: 0px; width: 100%; height: 650px }
.tag_h1            { color: #ffffff; font-style: normal; font-weight: normal; font-size: 16px; }

.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: 150px 0px 80px; position: relative; z-index: 10; width: 100% }
.main_01_box                                   { text-align: center; margin: 0px auto; padding: 0px 20px; position: relative; width: 100%; max-width: 1100px }
.main_01_1                                 { margin: 0px auto 80px; text-align: center; position: relative; width: 100% }
.main_01_1_read                                     { text-align: center; margin: 0px auto 40px; position: relative; width: 100% }
.main_01_2                                 { margin: 0px auto 80px; text-align: center; position: relative; width: 100%; height: 200px; max-width: 800px; }
.main_01_2_l                          { position: relative; width: 45%; float: left; }
.main_01_2_r                         { position: relative; width: 45%; float: right; }

.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; position: relative; width: 100%; height: 200px }
.main_01_3                                   { position: absolute; z-index: 20; width: 100%; height: 200px }
.main_01_4                                   { position: relative; z-index: 10; width: 100%; height: 200px }



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

.main_01_1_act > div{
	width: 25%; max-width: 300px; min-width: 200px;
	margin-right: 4.16%; margin-left: 4.16%;
	margin-bottom: 100px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

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




/* カレンダー */
.main_03                                   { text-align: center; float: left; clear: both; padding: 150px 0px 80px; 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: 1100px }




/* 新着情報 */
.topics_flame                          { text-align: center; position: rerative; width: 800px; height: auto; margin-bottom: 50px; }
.topics_title               { font-style: normal; font-weight: bold; font-size: 32px; line-height: 55px; text-decoration: none; margin: 0px auto; padding-bottom: 10px; border-bottom: 1px solid #909090 }
.topics_copy               { color: #064FB0; font-size: 14px; line-height: 44px; margin-top: 5px }
.topics_1                                 { text-align: center; clear: both; margin: 0px auto; padding-top: 100px; padding-bottom: 150px; position: relative; width: 800px }
.topics_2                             { text-align: left; clear: both; margin: 0px auto 150px; width: 100%; max-width: 800px; }
.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; border-collapse: collapse  }
.td_topics_02                   { padding: 15px 15px 10px; border-bottom: solid 1px #9D9D9D; width: 120px; border-collapse: collapse  }


/* マップ */
.main_04                                    { background: url(../image/bg_main_01.jpg) repeat; text-align: center; float: left; clear: both; padding-top: 100px; 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      { text-align: center; color: #fff; font-weight: bold; font-size: 16px; font-family: ?ﾖｾ????, "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", "Helvetica Neue", serif; background-color: #3E7C97; padding: 10px 0px; border: solid 1px #3E7C97; width: 300px; cursor: pointer; grayscale: -webkit-font-smoothing: antialiased  }
.mail_btn:hover      { color: #fff; font-weight: bold; font-size: 16px; font-family: ?ﾖｾ????, "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", "Helvetica Neue", serif; background-color: #74C6CD; padding: 10px 0px; border: solid 1px #74C6CD; width: 300px; cursor: pointer; grayscale: -webkit-font-smoothing: antialiased  }
.mail_btn_1    { font-size: 16px; 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: 40px 0px; 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: 530px; 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_line                              { width: 100px; 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; 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; text-align: left; border: solid 1px #b2b2b2; width: 250px; border-collapse: collapse  }
.td_width_04                     { padding: 15px 15px 10px; border: solid 1px #b2b2b2; border-collapse: collapse  }