@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; overflow-x: hidden; url: text-align: center;
min-width: 600px; 
}


.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_visible        { display: none; }
.sp_visible        { }






.header                              { text-align: center; clear: both; position: relative; z-index: 20; width: 100%;  height: auto; }
.header_bg                        { text-align: center; margin: 0px auto; position: relative; width: 100%; height: auto; }
.header_box                        { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateY(-60%) translateX(-50%); -webkit- transform: translateY(-60%) translateX(-50%); }

.header_box_1                          { text-align: center; margin: 0px auto 10px; position: relative; width: 100%; }
.header_box_2                          { text-align: center; margin: 0px auto; margin-top: 0px; position: relative; width: 100%; }

.title_image_size                         { width: 400px; height: auto }

.main_copy             { text-align: center; margin: 0px auto 10px; padding-bottom: 80px; position: relative; max-width: 600px }

/* リード部 */
.main_01                                  { text-align: center; float: left; clear: both; margin: 100px auto 0px; 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 }
.topics_flame                          { text-align: center; position: rerative; width: 100%; height: auto; }


.main_01_1                               { text-align: center; margin: 0px auto 100px; width: 100%; max-width: 800px; }
.main_01_2                               { text-align: left; margin-bottom: 120px; width: 100%; }
.main_01_3                               { text-align: left; margin-bottom: 120px; width: 100%; }


/* 後援会入会フォーム（iflameの方） */

.main_04                                   { text-align: center; float: left; clear: both; position: relative; z-index: 10; width: 100% }
.main_04_box                                   { text-align: center; margin: 0px auto; position: relative; width: 100%; }
.main_04_1                              { text-align: center; margin: 0px auto 10px; padding-bottom: 20px; width: 560px; }
.main_04_2                              { text-align: center; position: relative; width: 100%; max-width: 560px; }



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

*, *: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: 40px; margin-left: 40px;
	margin-bottom: 100px;
	position: relative;
	text-align: left;
	overflow: hidden;
}





.footer_bgbox             { text-align: center; clear: both; position: relative; z-index: 20; width: 100%;  height: auto; }
.footer_bg                  { text-align: center; margin: 0px auto; position: absolute; bottom: -5px; width: 100%; height: auto; }
.footer                    { background: url(../image/bg_footer_02.png) repeat; text-align: center; clear: both; position: relative; width: 100%; z-index: 10; }
.foot_box_1                     { text-align: center; margin: 0 auto; padding: 120px 0px 0px; z-index: 10; width: 100% }
.foot_box_2                    { background-color: #146627; text-align: center; margin: 0 auto; padding: 10px 0px; width: 100% }
.foot_box_3                   { text-align: center; margin: 0 auto; padding: 20px 0px 120px; position: relative; width: 100% }
.foot_box_3_1                   { margin: 0 auto; padding: 0px 15px; position: relative; width: 80px }
.foot_box_3_2                   { margin: 0 auto; padding: 0px 15px; position: relative; width: 150px }

.sns_box                               { text-align: right; position: fixed; z-index: 100; right: 0px; bottom: 0px; width: 80px; height: 160px }
#pageTop     { position: fixed; right: 30px; bottom: 60px }



/* サイズ関係 */
.img_size_01                              { width: 100%; height: auto; }
.img_size_cart_02            { clear: both; margin-bottom: 60px }
.img_size_qa            { width: 50px; height: auto; }
.img_size_05_pagetop                             { max-width: 70px; height: auto; }

.table_width_01                 { margin: 0px auto; width: 100%; border-collapse: collapse; }
.table_width_02                 { margin: 0px auto; width: 100%; border-collapse: collapse; }
.table_width_101                { width: 100%; border:1px solid #B8B8B8; border-collapse:collapse; }
.table_width_102                { width: 100%; }

.td_width_01                  { background-color: #F0F0F0; padding: 15px 15px 13px; width: 560px; border-collapse: collapse; display: block; }
.td_width_02                    { padding: 30px 15px 100px; width: 560px; border-collapse: collapse; display: block }

.td_width_06                  { padding-top: 5px; padding-bottom: 5px; border: solid 1px #d7d7d7; width: 5%; height: 30px; border-collapse: collapse  }
.td_width_07                   { padding: 5px 10px; border: solid 1px #d7d7d7; border-collapse: collapse  }
.td_width_08                   { padding: 5px 10px; border: solid 1px #d7d7d7; width: 15%; border-collapse: collapse  }
.td_width_09                   { padding: 5px 10px; border: solid 1px #d7d7d7; width: 20%; border-collapse: collapse  }

.td_width_11                    { padding: 5px 10px; border: solid 1px #d7d7d7; width: 120px; border-collapse: collapse }
.td_width_12                   { padding: 5px 10px; border: solid 1px #d7d7d7; width: auto; border-collapse: collapse }
.td_width_13                   { padding: 5px 10px; border: solid 1px #d7d7d7; width: 100px; border-collapse: collapse }
.td_width_14                   { padding: 5px 10px; border: solid 1px #d7d7d7; width: 170px; border-collapse: collapse }
.td_width_14_1                 { display: none; }






/* マウスオーバーでアンダーライン */

.list-item::after{}
.list-item:hover::after{}

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

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

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

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



/* 商品画像の切り替え表示 */

.mainimage img                 { text-align: left; margin: 0px 0px 20px }
.thumbnails                { text-align:left; width: 100%; margin: 0 auto; }
.thumbnails img                   { margin: 0px 10px 0px 0px; width: 80px; height: auto }