@charset "UTF-8";

#wrap{width:518px; min-height:100vh; padding-bottom:64px; margin:0 auto; position:relative;}

/**/
.header{width:100%; height:165px; background:url("../images/header_back.png") no-repeat; position:absolute; top:0; left:0; z-index:999999999;}
.header h1{position:absolute; top:14px; left:50%; margin-left:-79.5px;}
.header .h_sns{position:absolute; top:21px; left:24px;}
.header .h_sns li{float:left; margin-left:8px;}
.header .h_sns li:nth-child(1){margin-left:0;}
.header .h_usermenu{position:absolute; top:29px; right:24px;}
.header .h_usermenu li{float:left; margin-left:15px;}
.header .h_usermenu li:nth-child(1){margin-left:0;}

.header .header_menu{position:absolute; top:65px; right:24px; width:180px; background:#9f2842; padding:15px; display:none; z-index:9999999999;}
.header .header_menu ul li{border-bottom:1px solid #94253d;}
.header .header_menu ul li a{display:block; width:100%; line-height:40px; text-align:right; color:white; font-size:16px;}
.header .header_menu .header_mb{width:100%; text-align:right; font-size:14px; color:white; font-family:"G_L"; padding-top:25px;}
.header .header_menu .header_mb a{color:white;}
.header .header_menu .header_mb span{margin:0 10px;}

/**/
.footer{width:100%; padding:18px 0; text-align:center; background:#00463f; position:absolute; bottom:0; left:0;}

/**/
.footer_shop{width:100%;}

.footer_shop .f_info{width:100%; overflow:hidden; text-align:center; background:#203a31; color:#b8b8b8;}
.footer_shop .f_info .left{width:50%; padding:25px 0; float:left;}
.footer_shop .f_info .right{width:50%; padding:25px 0; float:left; border-left:1px solid #2d4741;}
.footer_shop .f_info h3{font-size:16px;}
.footer_shop .f_info .t_1{font-size:20px; font-family:; color:white; margin-top:20px;}
.footer_shop .f_info .t_2{font-size:14px; line-height:19px; margin-top:20px;}
.footer_shop .f_info .t_3{margin-top:20px;}

.footer_shop .f_copy{width:100%; background:#2d4e43; padding:15px 15px 30px 15px;}

.footer_shop .f_copy .f_menu{width:100%; overflow:hidden;}
.footer_shop .f_copy .f_menu ul{float:right;}
.footer_shop .f_copy .f_menu ul li{float:left; font-size:14px;}
.footer_shop .f_copy .f_menu ul li:nth-child(1)::before{display:none;}
.footer_shop .f_copy .f_menu ul li::before{content:"|"; margin:0 8px; color:#3b6156;}
.footer_shop .f_copy .f_menu ul li a{color:rgba(255,255,255,0.8);}

.footer_shop .f_copy .f_txt{width:100%; margin-top:45px;}
.footer_shop .f_copy .f_txt p{font-size:13px; line-height:16px; color:rgba(255,255,255,0.7);}
.footer_shop .f_copy .f_txt p:nth-child(2){margin-top:10px;}
.footer_shop .f_copy .f_txt p:nth-child(3){margin-top:20px;}

/**/
.main_sect1{width:100%; padding-top:75px;}
.main_sect1 .flexslider_m{width:100%; position:relative;}
.main_sect1 .flexslider_m .slides li{width:100%; position:relative;}
.main_sect1 .flexslider_m .slides li .img{width:100%; padding-bottom:100%; position:relative;}
.main_sect1 .flexslider_m .slides li .img img{width:100%; height:100%; position:absolute; top:0; left:0;}
.main_sect1 .flexslider_m .slides li .img .back{z-index:98;}
.main_sect1 .flexslider_m .slides li .img .front{z-index:99;}
.main_sect1 .flexslider_m .slides li .txt{position:absolute; top:170px; left:34px; z-index:999;}
.main_sect1 .flexslider_m .slides li .txt a{display:block; width:260px; line-height:48px; max-height:144px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:white; font-size:34px; font-family:"G_B";}

.main_sect1 .flexslider_m .flex-control-nav.flex-control-paging{width:100%; display:flex; justify-content:center; position:absolute; bottom:135px; left:0; z-index:99;}
.main_sect1 .flexslider_m .flex-control-nav.flex-control-paging li{display:flex; margin-left:13px; width:149px; height:30px; border-bottom:2px solid #b5b9b7; position:relative;}
.main_sect1 .flexslider_m .flex-control-nav.flex-control-paging li:nth-child(1){margin-left:0;}
.main_sect1 .flexslider_m .flex-control-nav.flex-control-paging li a{display:inline-block; width:47px; height:30px; position:absolute; top:0; left:0; color:white; font-size:14px;}
.main_sect1 .flexslider_m .flex-control-nav.flex-control-paging li a.flex-active{border-bottom:2px solid #ff5278;}
.main_sect1 .flexslider_m .flex-control-nav.flex-control-paging li a::before{content:"0";}

.main_sect2{width:100%; background:url("../images/main_bottom_back.png") no-repeat top; margin-top:-58px; z-index:99999999999; position:relative;}

.main_sect2 .m_s2_box{width:100%; position:relative; top:-35px;}

.main_sect2 .m_match{width:100%;}
.main_sect2 .m_match h4{font-size:18px; font-family:"G_B"; text-align:center; color:white; margin-bottom:12px;}
.main_sect2 .m_match .m_match_box{width:380px; height:72px; margin:0 auto; background:url("../images/m_match.png") no-repeat; padding:5px; overflow:hidden;}
.main_sect2 .m_match .m_match_box .emb{width:62px; float:left; padding:5px;}
.main_sect2 .m_match .m_match_box .emb img{width:52px; height:auto;}
.main_sect2 .m_match .m_match_box .name{width:90px; float:left; font-size:17px; color:white; text-align:center; line-height:62px;}
.main_sect2 .m_match .m_match_box .vs{width:66px; float:left; font-size:33px; color:white; text-align:center; line-height:62px;}
.main_sect2 .m_match p{font-size:15px; color:white; text-align:center; margin-top:15px;}

.main_sect2 .m_move{width:100%; overflow:hidden; padding:30px 24px 0 24px;}
.main_sect2 .m_move div{width:148px; margin-right:13px; margin-top:13px; float:left;}
.main_sect2 .m_move div:nth-child(3n){margin-right:0;}
.main_sect2 .m_move div:nth-child(1),.main_sect2 .m_move div:nth-child(2),.main_sect2 .m_move div:nth-child(3){margin-top:0;}
.main_sect2 .m_move div img{width:100%; height:auto;}