@charset "UTF-8";
/** image viewer */
/** reset */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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%; font-style: normal; font-weight: normal; vertical-align: baseline; background: transparent; }

body { /* background-image:url(); */ text-align:center; font-size: 13px; *font-size: small; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif; line-height: 123.1%; }



img {
  width: 100%;
  height: auto;
}


#contents {
	max-width: 100%;
	width: 100% ;
	margin: 0 auto;
}
div.conte1 {
	margin: 0;
	padding: 0;
	position: relative;
}
div.conte1 img{
	width: 100% ;
	display: block;
}

.conte1 a:hover img{
	opacity:0.6;
	filter:alpha (opacity=60); /* IE */
}
div.conte1.manga_block{
	padding: 20px 20px 0 20px;
}

#footer{
	text-align:left;
	padding: 10px;
	padding-top: 30px ;
	padding-bottom:30px;
	background-color:#103200;
	font-size:100% ;
	color:#FFFFFF;
	line-height:1.5em;
}
#footer_inner{
	width:100%;
	height:100%;
	margin:auto;
	/*text-align:center;*/
}
#footer_inner p{
    text-align:center;
	font-size:100% ;
	color:#FFFFFF;
}
div#footer_inner a {
	text-align:center;
	font-size:100% ;
	color:#FFFFFF;
}

video{
    margin-bottom: 20px;
}



.slider {
  overflow: hidden;
}
.slider ul {
  position: relative;
    left: 8.3vw; /* (100vw - SlideWidth) / 2 */
    overflow: visible !important;
}
.slider ul li {
  width: 41vw !important;
}
.slider ul li img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}



#offer, #offer2{
	width: 100%;
}
.btn01 {
	position: absolute;
	top: 0%;
	left: 5.8%;
	width: 88%;
  }
  .btn02 {
	position: absolute;
	top: 26%;
	left: 5%;
	width: 88%;
  }
  .btn02b {
	position: absolute;
	top: 11.5%;
	left: 5%;
	width: 88%;
  }
  .btn03 {
	position: absolute;
	bottom: 27%;
	left: 21%;
	width: 56%;
  }
  .btn03b {
	position: absolute;
	bottom:75%;
	left: 21%;
	width: 56%;
  }
  .btn04 {
	position: absolute;
	bottom: 14.5%;
	left: 21%;
	width: 56%;
  }
  .btn05 {
	position: absolute;
	top:72.5%;
	left: 5%;
	width: 88%;
  }
  .btn06 {
	position: absolute;
	top:80.8%;
	left: 5%;
	width: 88%;
  }
  .btn07 {
	position: absolute;
	bottom: 3.2%;
	left: 21%;
	width: 56%;
  } 


.step01{
	position:absolute;
	top: 3.5%;
    left: 6%;
    width: 28%;
}
.step02{
	position:absolute;
	top: 3.5%;
    left: 36%;
    width: 28%;
}
.step03{
	position:absolute;
	top: 3.5%;
    left: 67%;
    width: 28%;
}

.footer_cookie{
	background: url(../../sp/images/footer_bg.jpg) repeat;
	padding: 20px 10px;
	margin: 0 0px 20px 0px;
	text-align: left;
	color: #4b413c;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-size: 10px;
	line-height: 1.3em;
}
.footer_cookie .title{
	font-size: 12px;
	font-weight: 700;
	line-height: 1.8em;
}
.footer_cookie a{
  color: #4b413c;
}

#footer{
  display: flex;
  justify-content: center;
  padding: 0 0 20px 0;
}



/*#footer{
	text-align:center;
	padding: 10px;
	padding-top: 20px ;
}
#footer_inner{
	width:100%;
	height:130px;
	margin:auto;
	text-align:center;
}
#footer_inner p{
	text-align:center;
	font-size:100% ;
}
div#footer_inner a {
	color: #000;
	text-decoration: none;
}*/


.pc_only{
	display: none;
}
.sp_only{
	display: inline;
}