/* base
===============================================================*/
  h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
  	font-size: 12px;
  	line-height: 22px;
  }
  body {
  	color:#323232;
	font-family:'Noto Sans Japanese' , "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒƒCƒŠƒI", Meiryo, Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "MS P Gothic", san-serif ;
	overflow-x:hidden;
  }
  .pc {
  	display:none !important;
  }
  .tag {
  	position:absolute;
  	bottom:0;
  	left:0;
  }

/* font
==================================*/
  a {
  	color:#323232;
  	text-decoration:none;
  }

  a:visited {
  	color:#323232;
  	text-decoration:none;
  }

  a:hover {
  	color:#323232;
  	text-decoration: none;
  }

  a:active {
  	color:#323232;
  	text-decoration: none;
  }
  .spnone{
  	display:none !important;
  	}

/* loading
==================================*/
  div#Loading {
  /*display:none;*/
  background: -moz-linear-gradient(-53deg, #1d60f8, #1acbeb);
  background: -webkit-linear-gradient(-53deg, #1d60f8, #1acbeb);
  background: linear-gradient(143deg, #1d60f8, #1acbeb);
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:1000;
  }
  /*
  div#Loading p {
      position: fixed;
      top: 50%;
      left: 44%;
      text-align: center;
  }
  */
  .load_in {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4em;
    height: 4em;
    margin: -2em 0 0 -2em;
    overflow: hidden;
    background: rgba(255,255,255,0.35);
  }
  .load_in div {
      position: absolute;
      width: 4em;
      height: 4em;
      animation: alpha 2.25s linear infinite forwards;
      background: rgba(255,255,25,0.75);
  }
  .load_in div:nth-child(1) {
        top: -50%;
        left: -50%;
      }

  .load_in div:nth-child(2) {
        top: -50%;
        right: -50%;
      }

  .load_in div:nth-child(3) {
        bottom: -50%;
        right: -50%;
      }

  .load_in div:nth-child(4) {
        bottom: -50%;
        left: -50%;
      }
  @keyframes alpha {
    0% {
      transform:rotate(0);
      background: rgba(231,76,60,0.75);
    }
    25% {
      background: rgba(230,126,34,0.75);
    }

    50% {
      border-radius: 50%;
      background: rgba(142,68,173,0.75);
    }

    75% {
      background: rgba(41,128,185,0.75);
    }

    100% {
      transform:rotate(360deg);
      background: rgba(231,76,60,0.75);
    }
  }
  div#Loading p.txt {
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    letter-spacing: 0.1em;
  	margin-top: 3em;
  }

/* Contents
==================================*/
  div#AllBox{
    position:relative;
  }
/* Footer
==================================*/
  #Footer{
  }

  #pageTop{
    position: fixed;
    right: 8px;
    bottom: 40px;
    z-index: 20;
    width: 45px;
	opacity:0;
  }
.pagetop.active{
	opacity:1 !important;
	}
.pagetop{
	opacity:0;
	transition:.3s;
	}
  #pageTop img{
    width: 100%;
  }

/* HeroArea
==================================*/
  #heroArea{
	  background:url(../images/main_bg.gif) no-repeat center 0 #ffea01;
	  background-size:auto 69%;
}
  #heroArea img{
	  width:100%;
}
  #heroArea .logo{
	  width:38px;
	  position:absolute;
	  top:10px;
	  left:10px;
}
  #heroArea h1 {
	  max-width:375px;
	  margin:0 auto;
}

#Content .inner{
	max-width:375px;
	margin:0 auto;
}

#con01{
	  background:url(../images/bg01.gif?1) no-repeat center top #ffea01;
	  background-size:750px auto;
	  height:1783px;
	  position:relative;
}
#con01 .inner{
	position:relative;
}
#con01 h2{
	text-indent:-9990px;
	height:0;
}
#con01 dd{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}
#con01 .poit01{
    position:absolute;
    top: 10px;
	left:0;
	padding-left:16%;
}

#con01 .poit01 .s ,
#con01 .poit01 .s2 {
	display: inline-block;
	font-size:14px;
	line-height: 1.4;
}

#con01 .poit02{
	position:absolute;
    top: 415px;
	left:10px;
}
#con01 .poit03{
	position:absolute;
    top: 860px;
	left:0;
	padding-left:16%;
}
#con01 .poit03 .s {
	display: inline-block;
	font-size:14px;
	line-height: 1.4;
}
#con01 .poit04{
	position:absolute;
    top: 1315px;
	left:10px;
}



#con01 .poit01 dt{
	  background:url(../images/tit_sub01.webp) no-repeat 0 top ;
	  background-size:286px auto;
	  width:286px;
	  height:112px;
	  text-indent:-9990px;
	  margin:0 0 8px;
}
#con01 .poit02 dt{
	  background:url(../images/tit_sub02.webp) no-repeat 0 top ;
	  background-size:290px auto;
	  width:290px;
	  height:80px;
	  text-indent:-9990px;
	  margin:0 0 8px;
}
#con01 .poit03 dt{
	  background:url(../images/tit_sub03.webp?20210225) no-repeat 0 top ;
	  background-size:217px auto;
	  width:217px;
	  height:140px;
	  text-indent:-9990px;
	  margin:0 0 8px;
}
#con01 .poit04 dt{
	  background:url(../images/tit_sub04.webp) no-repeat 0 top ;
	  background-size:310px auto;
	  width:310px;
	  height:122px;
	  text-indent:-9990px;
	  margin:0 0 8px;
}
#con01 .poit01 dd {
	  padding:0 10px 0 56px;
}
#con01 .poit02 dd {
	  padding:0 10px 0 60px;
}
#con01 .poit03 dd {
	  padding:0 10px 0 60px;
}
#con01 .poit04 dd {
	  padding:0 10px 0 53px;
}


@media screen and (max-width: 340px) {
#con01{
	  background:url(../images/bg01.gif) no-repeat center top #ffea01;
	  background-size:700px auto;
	  height:1663px;
	  position:relative;
}
#con01 .poit01 dt{
	  background-size:270px auto;
	  height: 104px;
}
#con01 .poit02 dt{
	  background-size:275px auto;
	  height: 75px;
}
#con01 .poit03 dt{
	  background-size:218px auto;
	  height: 139px;
}
#con01 .poit04 dt{
	  background-size:294px auto;
	  height: 116px;
}
#con01 dd{
	font-size:14px;
	line-height:20px;
}
#con01 .poit01{
	padding-left:11%;
}
#con01 .poit02{
    top: 400px;
}
#con01 .poit03{
    top: 809px;
	padding-left:11%;
}
#con01 .poit04{
    top: 1225px;
}

}


#con02 {
	  background:url(../../images/bg02.gif) repeat;
	  background-size:12px auto;
}
#con02 h2 {
	  background:url(../images/event_tit_bg.webp) no-repeat center 26%;
	  background-size:486px auto;
}
#con02 h2 span{
	position:relative;
	top:-80px;
	max-width:355px;
	margin:0 auto;
	display:block;
	padding:0 10px;
}
#con02 h2 img{
	width:100%;
}

#con03 {
	  background:url(../../images/bg03.gif) no-repeat center bottom #ffea01;
	  background-size:900px auto;
	  padding-bottom:88px;
}
#con03 h2{
	  background:url(../images/tit03.webp?1) no-repeat center top;
	  /* background-size:403px auto;
	  height:211px; */
	  background-size:375px auto;
	  height:231px;
	  margin:0 auto 18px;
	  position:relative;
	  z-index:10;
	  top: -74px;
	  text-indent:-9990px;
}
#con03 .inner{
	position:relative;
}
#con03 .price{
	  background:url(../images/price.webp?20210517) no-repeat center top;
	  background-size:350px auto;
	  height:241px;
	  position:absolute;
	  top:-30px;
	  left: 50%;
	  margin-left:-175px;
	 z-index: 10;
	  width:350px;
}
#con03 .w_box{
	background:#ffffff;
	margin:-64px 10px 22px;
	height:210px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	z-index:1;
	position:relative;
}
#con03 .info2{
	position:relative;
	top:-15px;
	left:0;
	color:#ff0000 !important;
}
#con03 .info2 a {
	color:#ff0000 !important;
}
#con03 .price_txt{
	margin:0 3%;;
}
#con03 .price_txt img{
	width:100%;
	max-width:917px;
	margin:0 auto;
}
@media screen and (max-width: 340px) {
#con03 .price{
	  background:url(../images/price.webp) no-repeat center top;
	  background-size:320px auto;
}
#con03 .w_box{
	height:190px;
	}
}

#con04 {
	  background:url(../../images/bg02.gif) repeat;
	  background-size:12px auto;
	  padding-bottom:32px;
}
#con04 h2 span{
	text-align:center;
	margin:0 auto;
	display:block;
	position:relative;
	top:-54px;
	max-width:366px;
	margin:0 auto -54px;
}
#con04 h2 span img{
	width:100%;
}
#con04 img{
	width:100%;
}
#con04 .sp_con{
	width:264px;
	margin:0 auto 10px;
}
#con04 ul {
	margin:0 10px;
}
#con04 ul li{
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin-top:10px;
}

#con04 .promotion{
	width: 100%;
    color: rgb(255, 0, 0);
	text-align: center;
	font-size: 16px;
	padding: 5px 0px 5px 0px;
} 

#con04 .inner {
	position: relative;
}

#con04 .inner .closed_days  {
	position: absolute;
	font-size: 10px;
	top: 135px;
	line-height: 1.2;
	left: 22%;
	text-align: center;
}

#con04 .inner .closed_days02 {
	position: absolute;
	font-size: 10px;
	top: 135px;
	line-height: 1.2;
	left: 56%;
	text-align: center;
}

@media screen and (max-width: 400px) {
	#con04 .inner .closed_days  {
		position: absolute;
		font-size: 10px;
		top: 135px;
		line-height: 1.2;
		left: 18%;
		text-align: center;
	}
}

#con05 {
	  background:url(../images/bg05.gif) no-repeat center top #0081ef;
	  background-size: auto 100%;
	  padding-bottom: 30px;
}
#con05 h2{
	  background:url(../images/tit05.webp) no-repeat center bottom;
	  background-size:295px auto;
	  height:140px;
	  padding:45px 0 0;
	  margin-bottom:20px;
	  text-indent:-9990px;
}
#con05 .btn_Area {
	display: flex;
	  justify-content: flex-end;
	  margin:0 10px;
}
#con05 .btn_Area img{
	width:100%;
}
#con05 .btn_Area li.l{
	margin-right:3px;
}
#con05 .btn_Area li.r{
	margin-left:3px;
}
#con05 .btn_Area li a{
	position:relative;
	top:-0;
}

#Content .table01 th{
	font-size:18px;
	font-weight:bold;
}
#Content .table01 .t02{
	color:#df0707;
}
#Content .table01 .redprice{
	font-size:34px;
	font-weight:bold;
}
#Content .table01 .yen{
	font-size:24px;
	font-weight:bold;
}
#Content .table_box{
	background:#ffffff;
	border:solid 3px #ffff00;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding:7px 3%;
	margin:0 10px 30px;
}
#Content .table01 th{
	text-align:center;
}
#Content .table01 img{
	width:100%;
}
#Content .table01 th{
	padding:10px 10px 10px 0;
}
#Content .table01 td{
	padding:10px 10px;
}
#Content .table01 tr{
	border-bottom:solid 1px #e7e7e7;
}
#Content .table01 tr.end{
	border:none;
}

#Content .table01 th.end,
#Content .table01 td.end{
	border-bottom:none !important;
}

#Content .table01 .t01{
	font-size:16px;
	font-weight:bold;
}
#Content .table_box .table01 .t01{
	padding:0;
	display:block;
	border:none;

}
#Content .table_box .table01 .t02{
	text-align:right;
	padding:0 0;
	display:block;
	padding-bottom:10px;
}
#Content .table_box .table01 .t03{
	padding-right:0;
	}
#Content .table_box .pass01 .t02 img{
	width:60%;
}
#con06{
	  background:url(../../images/bg06.gif) repeat;
	  background-size:12px auto;
	  padding-bottom:45px;
	  padding-top: 45px;
}
#con06 h3.tl01{
	  background:url(../images/tit06.webp) no-repeat center bottom;
	  background-size:340px auto;
	  height:140px;
	  text-indent:-9990px;
		position: relative;
		top: -10px;
		z-index: 5;
}
#con06 h3.tl02{
	  background:url(../images/tit07.webp) no-repeat center bottom;
	  background-size:365px auto;
	  height:130px;
	  text-indent:-9990px;
		position: relative;
		bottom: 0;
		z-index: 5;
		margin-bottom:10px;
}
#con06 .promotion{
	width: 100%;
    color: rgb(255, 255, 255);
	text-align: center;
	font-size: 16px;
	padding: 0px 0px 10px 0px;
}
#Content .btn_con{
	width:90%;
	margin:0 auto ;
	max-width:340px;
}
#Content .btn_con img{
	width:100%;
}
#Content .border_bulue{
	border:solid 3px #40cbff;
}
#Content .border_green{
	border:solid 3px #00bdc4;
}


#con08{
	  background:url(../../images/bg08.gif) repeat;
	  background-size:12px auto;
	  padding-bottom:45px;
}

#con08 h3.tl01{
	  background:url(../images/tit08.webp) no-repeat center bottom;
	  background-size:346px auto;
	  height:252px;
	  text-indent:-9990px;
	  position: relative;
		top: -20px;
		z-index: 5;
		margin-bottom: -32px;
}
#con08 h3.tl02{
	  background:url(../images/tit07.webp) no-repeat center bottom;
	  background-size:365px auto;
	  height:130px;
	  text-indent:-9990px;
		position: relative;
		bottom: 0;
		z-index: 5;
		margin-bottom:10px;
}
@media screen and (max-width: 340px) {
#con08 h3.tl01{
	 background-size: 323px auto;
	top: -30px;
	margin-bottom: -38px;
}
#con06 h3.tl01{
	  background:url(../images/tit06.webp) no-repeat center bottom;
	  background-size:330px auto;
}
}


#con09{
	  background:url(../images/bg09.webp) no-repeat center top;
	  padding-bottom:80px;
	  padding-top:45px;
}
#con09 h2{
	  background:url(../images/tit10.webp) no-repeat center top;
	  background-size:125px auto;
	  height:25px;
	  text-indent:-9990px;
	  margin-bottom:15px;
}
#con09 .box{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding:15px 4%;
	background:#106ebe;
	margin:0 10px 30px;
}
#con09 .box ul{
	height:400px;
	overflow-y:auto;
	padding-right:20px;
}
#con09 .box li{
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
	color:#ffffff;
	text-indent:-1.3em;
	margin-left:1.3em;
}
#con09 .promotion{
	width: 100%;
    color: rgb(255, 255, 255);
	text-align: center;
	font-size: 16px;
	padding: 0px 0px 10px 0px;
}
#FooterBox::before{
	content:"";
	background:url(../images/bg_bottom.webp) no-repeat center top ;
	background-size:100% auto;
	z-index: 1;
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	height:100px;
}
#FooterBox{
	background: #106ebe ;
	position:relative;
	padding-bottom:20px;
}
#FooterBox p{
	color:#ffffff;
	text-align:center;
	font-size:10px;
	line-height:16px;
	position:relative;
	z-index:5;
	padding-bottom:10px;
}
#FooterBox .logo{
	width:45px;
	margin:0 auto;
	z-index:60;
	position:relative;
}
#FooterBox .logo img{
	width:100%;
}

#Content .table_box .table01 .sp_mar{
	margin-top: 10%;
}
#Content #con04 .inner,
#Content #con06 .inner,
#Content #con08 .inner,
#Content #con09 .inner{
	max-width:420px;
}


#con09 .box ul {
     -webkit-overflow-scrolling: touch;
}