html, body, div, span, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, address, cite, code,
 del, dfn, em, img, ins, kbd, q, samp,
 small, strong, sub, sup, var,
 b, i,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section, summary,
 time, mark, audio, video {
     margin:0;
     padding:0;
     border:0;
     outline:0;
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
 }


html{
  font-size: 60.25%;
  font-size: 10px;
  scroll-behavior: smooth;
}

body{
	/* background-color: rgba(0, 0, 0, .5); */
  background-color: #fff;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  line-height: 1.6;
}

a:link{
  text-decoration: none;
  color:#4169e1;
}
a:visited{
  color:#4169e1;
}
a:hover{
  color:#e041a5;
}

.map a:link{
  text-decoration: none;
  color:#333;
  font-weight: bold;
}

.map a:visited{
  text-decoration: none;
  color:#333;
  font-weight: bold;
}

.map a:hover{
  color:#e041a5;
  font-weight: bold;
}
/* a:active */

.clear {display: block;}

.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

#header_link_wrapper {
	width: 100%;
	background-color:#fff;
	border-bottom:3px solid #2da666;
	margin: 0 auto;
	padding-bottom:4px;
	z-index:100;
}

#header_link_wrapper a {
	text-decoration: none;
}

#header_link_wrapper ul{
	list-style:none outside none;
	margin-left:15px;
}

#header_link_wrapper ul li{
	float:left;
	padding:8px 8px 0px 0;
}

@media screen and (max-width:640px) {
  #header_link_wrapper {
		margin: 0 auto 3px;
	}
	#header_link_wrapper ul{
		margin:0 auto 3px;
		padding-top:10px;
	}
	#header_link_wrapper ul li img {
		width:140px;
		height:auto;
		}
}

.wrapper{
  width:1300px;
  /* height:1000px; */
  margin:10px auto 0 auto;
  background-color: #fff;
  color:#333;
  display: flex;
  justify-content: space-around;
  /* border:2px solid red; */
}

.column_l{
  width:1000px;
  background-color: #fff;
  color:#333;
  /* border:2px solid red; */
}

.column_r{
  width:250px;
  background-color: #fff;
  color:#333;
  text-align: center;
  position: relative;
}

h1{
  margin:100px auto 80px auto;
  font-size:3.5rem;
  text-align:center;
}

h2{
  font-size:2rem;
  text-align:left;
}

h3{
  display: table-cell;
  width:974px;
  height:41px;
  background-image: url(../images/instore-promotion/h3.png);
  background-repeat: no-repeat;
  color:#fff;
  font-size:2rem;
  vertical-align: middle;
  padding-left:.8em;
  box-sizing: border-box;
}

.instore01{
  width:966px;
  height:356px;
  background-image: url(../images/instore-promotion/01.png);
  position: relative;
  margin-bottom:25px;
}

.instore01 a{
  position: absolute;
  font-size: 1.6rem;
  left:460px;
  top:123px;
}


.instore01 p{
  position: absolute;
  font-size: 1.8rem;
  left:435px;
  top:175px;
}

.instore-promotion02{
  margin-bottom:25px;
}

.plan{
  margin-top:15px;
  margin-bottom:25px;
  padding-left:15px;
}

.teisai{
  margin-top:15px;
  margin-bottom:70px;
  padding-left:15px;
}

.tenpo{
  margin-top:15px;
  margin-bottom:70px;
  padding-left:15px;
  text-align: left;
  font-size:1.7rem;
  color:#888;
}

.map{
  width:900px;
  height:479px;
  background-image: url(../images/instore-promotion/map.png);
  /* border:1px solid red; */
  position:relative;
  box-sizing: border-box;
  font-size:2rem;
}

.map ul{
  list-style-type: none;
  text-align: center;
}

.map ul li a:nth-of-type(2), .map ul li a:nth-of-type(3){
  margin-left:1em;
}

.map_kinki{
  width:235px;
  height:70px;
  /* border:2px solid red; */
  box-sizing: border-box;
  position:absolute;
  top:227px;
}

.map_kyusyu{
  width:190px;
  height:70px;
  box-sizing: border-box;
  position:absolute;
  top:360px;
  left:45px;
}

.map_shinetu{
  width:190px;
  height:35px;
  position:absolute;
  top:120px;
  left:293px;
  box-sizing: border-box;
}

.map_toukai{
  width: 235px;
  height: 65px;
  position: absolute;
  top: 240px;
  left: 270px;
  box-sizing: border-box;
}

.map_shikoku{
  width: 190px;
  height: 33px;
  position: absolute;
  top: 387px;
  left: 293px;
  /* border: 1px solid red; */
  box-sizing: border-box;
}

.map_hokkaido{
  width: 190px;
  height: 33px;
  position: absolute;
  top: 143px;
  left: 547px;
  /* border: 1px solid red; */
  box-sizing: border-box;
}

.map_kanto{
  width: 352px;
  height: 160px;
  position: absolute;
  top: 255px;
  right: 0px;
  /* border: 1px solid red; */
  box-sizing: border-box;
  text-align: center;
}


.caution{
  font-size:1.5rem;
  padding-left:25px;
  margin-bottom:70px;
}

.caution h6{
  display: table-cell;
  vertical-align: middle;
  position: relative;
  font-size:1.7rem;
  margin-bottom:5px;
}

.caution h6::before{
  content:url(../images/instore-promotion/uho.png);
  position: relative;
  top: 4px;
  right:6px;
}

.caution p{
  margin-top:5px;
  line-height: 1.4;
}


.inquiry{
  width:626px;
  height:108px;
  background-image: url(../images/instore-promotion/inquiry.png);
  margin:auto;
  text-align: center;
}

.inquiry p:nth-of-type(1){
  font-size:1.9rem;
  margin-bottom:13px;
  color:#333;
}

.column_r h2{
  text-align:center;
  margin-bottom:5px;
}

.column_r img{
  margin-bottom:5px;
}

.column_r p{
  text-align: center;
  font-size:1.5rem;
  margin-bottom:150px;
}

.column_r h4{
  text-align:center;
  font-size:2rem;
  margin-bottom:20px;
}

.column_r h5{
  text-align:right;
  font-size:1.9rem;
  margin-bottom:5px;
  position:relative;
  right:20px;
}

.column_r h5::before{
  content:">";
  display:inline-block;
  transform: rotate( 90deg );
  /* padding-top:20px; */
  position:relative;
  right:20px;
  bottom:1px;
}

.column_r ul{
  list-style-type: none;
  text-align: right;
  font-size:1.7rem;
  position:relative;
  right:20px;
  margin-bottom:30px;
}

.column_r li{
  line-height: 1.5;
}

.top_button{
  position:absolute;
  bottom:15px;
  right:0;
}