@charset "UTF-8";

/**********************************************************
 *
 * フロートメニュー　コンバージョンボタン　SMT
 *
 **********************************************************/


/* フローティングメニュー */
#reservbtnarea{
text-align: center;
position: fixed;
overflow: hidden;
width: 100%;
left: 0;
bottom: 0;
margin-bottom: 0;
padding: 0;
z-index: 100;
}
#reservbtnarea.js-on{
display: none;
}
.nav-product-goal{
width: 100%;
margin: 0 auto 10px;
}
.nav-product-goal .list-product-btn{
padding: 0;
text-align: center;
font-size: 0;
}
.nav-product-goal .list-product-btn li{
width: 108px;
margin-left: 5px;
display: inline-block;
vertical-align: top;
}
.nav-product-goal .list-product-btn li:nth-child(3n+1){
margin-left: 0;
}
.nav-product-goal .list-product-btn.col2 li,
.nav-product-goal .list-product-btn.col2 li:nth-child(3n+1){
width: 150px;
margin-left: 20px;
margin-right: 10px;
}
.nav-product-goal .list-product-btn.col2 li:nth-child(2n+1){
margin-left: 10px;
margin-right: 0;
}
.nav-product-goal .list-product-btn li a{
display: block;
}
.nav-product-goal .list-product-btn > li img{
width: 100%;
}

/* セクション内で使用する場合 */
.nav-product-goal.nav-product-goal--in-section .list-product-btn{
margin: 0 -1px;
}

.btn-pagetop{
bottom: 108px;
}

.btn-pagetop.btn-stagger{
bottom: 10px;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
animation: fadeIn 2s ease 0s 1 normal;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}


/* v2モジュール対応用 */
.nav-product-goal .list-product-btn.list-product-btn-cvn{
margin-top: 0;
margin-right: 0;
font-size: inherit;
}
.nav-product-goal .list-product-btn.list-product-btn-cvn li.btn-cvn__item{
padding: 0;
background-color: #fff;
border-radius: 17px;
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col1 li.btn-cvn__item{
width: 100%;
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col1.default-module li.btn-cvn__item{
border-radius: 50px;
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col1.btn-square li.btn-cvn__item{
width: 150px;
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2 li.btn-cvn__item{
width: 150px;
margin: 0 0 0 10px;
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col3 li.btn-cvn__item{
width: 108px;
margin: 0 0 0 10px;
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2-type2 li.btn-cvn__item{
width: 150px;
margin: 0 0 0 10px;
}

.nav-product-goal .list-product-btn.list-product-btn-cvn li.btn-cvn__item a:hover{
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col1.btn-square li.btn-cvn__item a,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2 li.btn-cvn__item a,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col3 li.btn-cvn__item a{
padding: 30px 15px 5px 5px;
font-size: 11px;
border-radius: 16px
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2-type2 li.btn-cvn__item a{
padding: 5px 15px 5px 26px;
font-size: 11px;
border-radius: 16px
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col1.btn-square li.btn-cvn__item a:before,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2 li.btn-cvn__item a:before,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col3 li.btn-cvn__item a:before{
top: 3px;
bottom: auto;
left: 50%;
width: 24px;
height: 24px;
transform: translateX(-50%);
}
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2-type2 li.btn-cvn__item a:before{
left:5px;
top: 0;
bottom: 0;
width: 24px;
height: 24px;
}

.nav-product-goal .list-product-btn.list-product-btn-cvn.col1.btn-square li.btn-cvn__item a .icon-common--arrow,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col1.btn-square li.btn-cvn__item a .icon-common--blank-image,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2 li.btn-cvn__item a .icon-common--arrow,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2 li.btn-cvn__item a .icon-common--blank-image,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2-type2 li.btn-cvn__item a .icon-common--arrow,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2-type2 li.btn-cvn__item a .icon-common--blank-image,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col3 li.btn-cvn__item a .icon-common--arrow,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col3 li.btn-cvn__item a .icon-common--blank-image{
right: 4px;
font-size: 11px;
}

.nav-product-goal .list-product-btn.list-product-btn-cvn.col2 li.btn-cvn__item:first-child,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col2-type2 li.btn-cvn__item:first-child,
.nav-product-goal .list-product-btn.list-product-btn-cvn.col3 li.btn-cvn__item:first-child{
margin-left: 0;
}

.nav-product-goal .btn-cvn .btn-cvn__button--olt-blank .btn-cvn__button-inner .icon-common--blank-image-wa,
.nav-product-goal .btn-cvn .btn-cvn__button--ols-blank .btn-cvn__button-inner .icon-common--blank-image-wa{
width: 10px;
height: 10px;
right: 4px;
}