html {
  width: 100%;
  height: 100%;
  vertical-align: text-bottom;
  font-size: 14px;
}

body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #fff;
color: #000;
letter-spacing:0;
font: 100%/1 -apple-system, "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", ArialMT, Arial, "Droid Sans", Roboto, sans-serif;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
position: relative;
 }

a { color: #fff;text-decoration: none; }
img { border: 0; }
a:hover {
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

p, div { margin: 0;padding: 0; }
ul { margin: 0;   padding: 0; }
li { list-style-type: none; float:left; display: block; }

 .content_width { 
 margin: 0 auto;
width: 1080px;
overflow: hidden;
position:relative;
 }

 .content_width_L { 
 margin: 0 auto;
 width: 100%;
 max-width: 1200px;
 min-width: 1080px;
 overflow: hidden;
 position:relative;
 }
 
 #title1, #title2, #title3 { text-align:center;position:relative; z-index: 3; }
 p#title1 { margin-top: 75px; margin-bottom: 30px; }
 p#title2 { margin-bottom: 30px; }
 p#top_image { position: relative; z-index2; margin-top: -15px; }
 #top_image img { width: 100% }
 #title4 { position: absolute; left: 80%; top: 90px; z-index: 4; }
  
 #div1 { position: relative;z-index:2;  }
 #div2 { position: relative; margin-top: -1000px; z-index:1;background: #f0f0f0; }
 
 .komidashi {
 padding-top: 1080px;
 font-size: 1.6em;
 font-weight: 800;
 color: #222;
 width: 570px;
 margin: 0 auto;
text-align: center;
 }
 
 .komidashi span { text-decoration: none; border-bottom: 1px solid #222; padding-bottom: 12px; }
 
 .lead {
line-height: 1.8em;
font-size: 1.1em;
margin:  60px auto 0;
color: #222;
 font-weight: 800;
width: 800px;
text-align:center;
padding-bottom: 150px;
}

#div3 {  position:relative; z-index: 2;  }

#first_ul { position:relative; display:block; width: 100%; margin-top: 120px; }
#first_ul li { width: 25% ; dispaly:block; position: relative; }
#first_ul img { width: 99% ; }

.normal_ul { position:relative; display:block; width: 100%;clear: both; }
.normal_ul li { width: 25% ; dispaly:block; position: relative; }
.normal_ul img { width: 99% ; }

.large_left1, .large_left2 { position:relative; display:block; width: 50%;float:left; }
.large_left1 li  { width: 100%;float:left; position: relative; }
.large_left2 li { width: 50%;float:left; position: relative; }
.large_left1 img { width: 99.4% ; }
.large_left2 img { width: 99% ; }

.photo { position: relative; z-index: 2;}
.number { position: absolute; z-index: 4; top:0px; left:0px; width: 100px; 50px; }
.number img { height: 50px; }
.award { position: absolute; z-index:3; bottom:30px; right:45px; display: block; width: 300px; height: 130px; }
.award4 { position: absolute; z-index:3; bottom:30px; right:45px; display: block; width: 380px; height: 130px; }
.award img, .award4 img { height: 100%;} 

#participation { text-align:center;position:relative; z-index: 3; }
p#wholeplayer { position: relative; z-index2; margin-top: -21px; }

#div5 { position:relative: z-index: 1; background: #00561f; margin-top : -150px; width: 100%; }
#nexttime { position: relative; padding-top: 240px; text-align:center; margin-bottom: 45px;  }
#sns { position: relative; text-align: center; margin-bottom: 45px;  }
#sns img { margin: 0 15px; } 
#label { position: relative; text-align: center; margin-bottom: 45px;  }
#foot_shoplist { position: relative; width: 1080px; margin: 0 auto;  }
#foot_shoplist ul { width: 1080px; display: block;margin: 0 auto; } 
#foot_shoplist li { width: 245px; display:block; margin: 10px;color: #fff; font-weight: 800; }

#copyright { position: relative; text-align: center; padding-top: 45px; padding-bottom: 45px; color: #fff; font-weight: 800; text-decoration: underline; clear:both; }

#header_fix { 
position: fixed; 
top:0;
left:0;
right: 0;
width: 100%;
height: 38px;
z-index: 10;
background-color: rgba(255,255,255,0.90);
}

#header_fix  .content_width_L { z-index: 11; }

#contenttop { position: absolute; top: 0px; left: 0px; width: 100%;text-align:center; }
#contenttop img { height: 18px; margin: 8px 15px ;  }
#head_link { position: absolute; top: 7px; right: 0px; text-align:right;width: 320px; height: 30px; }
#head_link img { height: 18px; margin: 0 8px;}