@charset "utf-8";
/* html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark */
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,d
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video { margin:0; padding:0; border:0; outline:0; vertical-align:bottom; background:transparent;}
body { line-height:1; -webkit-text-size-adjust: 100%;}
ul li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}

a { margin:0; padding:0; color: white; text-decoration: none; vertical-align:baseline;}
a:hover { opacity: 0.7;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0;  border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}
/* ===================================================================================
  resetここまで
=================================================================================== */
#wrap {
  max-width: 750px;
  margin: 0 auto;
  box-shadow: 0 1px 20px rgba(0,0,0,.3);
}

.fv { 
  background: url("https://20neo.jp/campaign2/lp15/css/style.css") no-repeat top center;
  padding-bottom: 404px;
}
.fv .note { margin: -5px 0 0px;}
.sec01 { }
.sec02 { }
.sec03 { }
.sec04 { }
.sec05 { }
.sec06 { }



.note {
  text-align: center;
}
.voice .slider {
  width: 670px;
  margin: 0 auto 116px!important;
}
.voice .slider .prev-arrow,
.voice .slider .next-arrow {
  position: absolute; 
  top: 35%;
  z-index: 500;
  filter: drop-shadow(0 5px 5px rgba(0,0,0,0.3));
}
.voice .slider .prev-arrow { left: -30px;}
.voice .slider .next-arrow { right: -30px;}

.howto .slider2 {
  width: 600px;
  margin: 0 auto;
}
.howto .slider2 .prev-arrow,
.howto .slider2 .next-arrow {
  position: absolute;
  top: 40%;
  z-index: 500;
  filter: drop-shadow(0 5px 5px rgba(0,0,0,0.3));
}
.howto .slider2 .prev-arrow { left: -30px;}
.howto .slider2 .next-arrow { right: -30px;}
p.howto { text-align: center;}






.accordionlist {
  margin-bottom: 17px;
  box-shadow: 3px 3px 3px rgba(0,0,0,.1);
}
.accordionlist dt { position: relative;}
.accordionlist dt .accordion_icon {
  position: absolute;
  top: 35px;
  right: 30px;
  transition: 0.5s;
  transform: rotate(0deg);
}
.accordionlist dt .accordion_icon.active { transform: rotate(-180deg);}
.accordionlist dd { display: none;}

button {
	display:inline-block;
	background:none;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}
div{
text-align:center;
}
button:hover { opacity: 0.7;}

footer {
	padding:2em 0;
	text-align:center;
	background-color: gray;
}
footer ul {
	display:inline-block;
	text-align:center;
	font-size:0;
}
footer ul li {
	color: white;
	display:inline-block;
	font-family:'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:14px;
	padding:0 3em;
}




.__btn-box{
  width: 100%;
  padding: 0px 60px;
  box-sizing: border-box;
  }
  .__btn-box img{
    width: 100%;
}
  .__btn-box .__main-item{
      display: flex;
    }
    .__btn-box .__main-item .__main-item-photo{
        display: block;
        width: 46%;
      }
      .__btn-box .__main-item .__main-item-photo .__main-item-name{
        width: 52%;
}
.__btn-box02 img{
    width: 100%;
}
.__item-box-normal{
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.__item-box-normal-price{
        width: 35%;
}
.__item-box-normal-btn{
      width: 65%;
}

.floating-banner {
     position: fixed;
	 bottom: 60px;
	 right: 16px;