@charset "UTF-8";
/* CSS Document */

.fix_Set, .fix_Set02 { 
	opacity: 0;
  visibility: hidden;
	padding: 30px 10px;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	box-shadow: 0 -2px 8px 0 rgba(204, 204, 204, .5);
}
.posFix { 
	opacity: 1;
  visibility: visible;
	
	position: fixed;
	bottom: 0;
	z-index: 5;
}
.posRel { 
	position: relative!important;
}
.naviTab_under, .naviTab_under02 {
	display: flex;
	position: relative;
		/*background-color: #c39deb;#9b6dca;*/
	justify-content: space-between;
	align-items: center;
		width: 100%;
	max-width: 1000px;
		text-align: center;
	/*padding: 30px 10px;*/
	margin: 0 auto;
	}
.naviTab_under li a, .naviTab_under02 li a { 
	position: relative; 
	font-weight: bold;
	/*width: 25%!important;*/
	transition: .5s;
}
.naviTab_under li, .naviTab_under02 li { 
	position: relative; 
	width: 25%!important;
}


.naviTab_under li a, .naviTab_under li.js-menu span, 
.naviTab_under02 li a, .naviTab_under02 li.js-menu02 span {  
	color: #333!important; 
	padding: 20px 40px; 
	width: 100%!important;
	font-weight: bold;
	/*vertical-align: middle;*/
	line-height: 1.5em;
	text-decoration: none!important;
	transition: .5s;
}
.naviTab_under li.js-menu span, .naviTab_under02 li.js-menu02 span {  
	padding: 40px; 
}
.naviTab_under li i, .naviTab_under02 li i {
	/*padding-left: 10px;*/
}

	.naviTab_under .td01 a, .naviTab_under02 .td01 a { 
		color: #fff!important; 
		background-color: #fa8a63; 
		vertical-align: middle;
		border-radius: 100vh;
}
.naviTab_under li a:hover {
	color: #999!important; 
	transition:.5s;
	cursor: pointer;
}
.naviTab_under li.js-menu:hover {
	/*color: #999!important; */
	transition:.5s;
	cursor: pointer;
}
.naviTab_under .td01 a:hover { background-color: #f6b097; color: #fff!important; transition:.5s; }

@media screen and (max-width:1000px) {
	.naviTab_under li a, .naviTab_under li span, 
	.naviTab_under02 li a,.naviTab_under02 li span { 
	font-size: 1.5rem;
		padding: 20px 10px;
}
	.naviTab_under .td01 a, .naviTab_under02 .td01 a { 
		padding: 20px 30px;
}
}
/*
	.naviTab_under td a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		
		text-decoration: none;
		transition:.5s;
	}*/
	/*.naviTab_under a.current { color: #f9d554!important; }
	table.naviTab_under td img { width: 70px; }*/




.fix_Set .product_menu .detail {
	position: absolute;
	top: -290px;
	left: 0;
	background-color: #fff;
	border-radius: 8px;
	width: 100%;
	padding: 20px 0px;
	border:1px solid #6BC7E7;
}
@media screen and (max-width:1000px) {
	.fix_Set .product_menu .detail {
	top: -280px;
}
}
.fix_Set .product_menu .detail::after, .fix_Set .product_menu .detail::before {
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.fix_Set .product_menu .detail::after {
    border-color: rgba(255, 255, 255, 0);
    border-top-width:20px;
    border-bottom-width:20px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#FFFFFF;
}
.fix_Set .product_menu .detail::before{
    border-color: rgba(37, 142, 219, 0);
    border-top-width:22px;
    border-bottom-width:22px;
    border-left-width:11px;
    border-right-width:11px;
    margin-left: -11px;
    margin-top: 1px;
    border-top-color:#6BC7E7!important;
}

.fix_Set02 .product_menu02 .detail02 {
	
}
.fix_Set .product_menu ul, .fix_Set02 .product_menu02 ul  {
	display: flex;
	position: relative;
	flex-wrap:wrap;
}
.fix_Set .product_menu ul li, .fix_Set02 .product_menu02 ul li {
	position: relative;
	width: 50%!important;
	
}
.fix_Set .product_menu ul li a, .fix_Set02 .product_menu02 ul li a {
	display: inline-block;
	padding: 8px;
	line-height: 2em;
	letter-spacing: .1em;
	
}
.fix_Set .product_menu, .fix_Set02 .product_menu02 {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: -20px;
}



@media screen and (max-width:767px) {
	.fix_Set02 { margin: 0; padding: 20px 0 0; }
	
	.posRel { 
		position: absolute!important;
		/*margin-bottom: 0px;*/
		bottom: 45px!important;
}
	li.current {
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;	
		
	}
	li.current:hover {
		cursor: pointer;
	}
	.current span.b-cur {
		display: block!important;
		padding-bottom: 10px;
		border-bottom: 1px solid #999!important;
	}
	.naviTab_under02 {
	display: block;
		width: 100%!important;
		max-width: 767px;
	}
	
	.naviTab_under02 li {
		position: relative;
		width:100%!important;
		margin: 0 auto;
	}
	.naviTab_under02 li a {
		display: block!important;
		padding:10px;
	}
	.naviTab_under02 > li:first-child {
		padding-top: 10px;
	}
	
	.naviTab_under02 .td01 a {
		padding: 10px;
		width:70%!important;
		margin: 0 auto 20px;
}
	.naviTab_under02 li span {
		display: block!important;
		width: 100%!important;
		padding: 10px!important;
	}
	
	

.fix_Set02 .product_menu02 .detail02 {
	background-color: #f2f2f2;
	border-radius: 0px;
	width: 100%;
	padding: 20px 0px;
	border: none;
}
	
	.spin { transition: all .15s linear; }
	.rotate {
		transform: rotate(180deg);
	}
	.active {
		display: block;
	}
}



/*
.js-menu:after {
    content:"";
    position: absolute;
	
width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
	
}
*/
/*
.anchor__bg .anchor__block{
    display:block;
}
.anchor__bg{
    background-color:#EAF9FA;
    padding:50px 0;
}
@media (min-width:1024px){
    .anchor__bg{
        padding:95px 0;
    }
}


.anchor__bg .inner{
position:relative;
    max-width:1240px;
    padding-left:20px;
    padding-right:20px;
    margin:0 auto;
}

.anchor__bg .anchor__block {
    display:block;
}

.anchor__block{
    width:100%;
    margin:0 auto;
    display:none;
}
.anchor__block.is-fixed{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    padding-top:10px;
    display:block;
}
@media (min-width:768px){
    .anchor__block{
        display:block;
    }
    .anchor__block.is-fixed{
        bottom:30px;
    }
}
.anchor__block.is-fixed.is-none{
    display:none;
}
.anchor__block.is-fixed .anchor__wrap{
    border-radius:20px 20px 0 0
}
@media (min-width:768px){
    .anchor__block.is-fixed .anchor__wrap{
        border-radius:35px;
    }
}
.anchor__block.is-fixed.is-open{
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}
.anchor__block.is-fixed.is-open .anchor__wrap{
    border-radius:20px 20px 0 0;
}
.anchor__block.is-fixed.is-open .anchor__hdg::before{
    -webkit-transform:rotate(130deg);
    transform:rotate(130deg);
    top:5px;
}
.anchor__block.is-fixed.is-open .anchor__list{
    display:block;
}
.anchor__block.is-fixed.is-open.is-center .anchor__wrap{
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    left:50%;
    bottom:0;
    position:absolute;
}
.anchor__block.is-fixed .anchor__hdg{
    display:block;
    padding-bottom:7px;
    border-bottom:1px solid #DBEAEB;
}
.anchor__block.is-fixed .anchor__list{
    display:none;
}
@media (min-width:768px){
    .anchor__block.is-fixed .anchor__hdg{
        display:none;
    }
    .anchor__block.is-fixed .anchor__list{
        display:flex;
    }
}

.anchor__block.is-fixed .anchor__wrap{
    border-radius:20px 20px 0 0;
}
@media (min-width:768px){
    .anchor__block.is-fixed .anchor__wrap{
        border-radius:35px;
    }
}
.anchor__block.is-fixed.is-open .anchor__wrap{
    border-radius:20px 20px 0 0;
}

.anchor__block.is-fixed.is-open.is-center .anchor__wrap{
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    left:50%;
    bottom:0;
    position:absolute;
}

.anchor__wrap{
    background-color:#fff;
    border-radius:20px;
    box-shadow:0 2px 4px #d3dfe0;
    padding:0 20px;
    text-align:center;
    border:1px solid #CCDEDF;
    max-width:844px;
    width:77%;
    margin:0 auto;
    overflow:hidden;
}
@media (min-width:768px){
    .anchor__wrap{
        width:100%;
        padding:0 20px;
        border-radius:35px;
        overflow:visible;
    }
}

.anchor__block.is-fixed.is-open .anchor__hdg::before{
    -webkit-transform:rotate(130deg);
    transform:rotate(130deg);
    top:5px
}

.anchor__block.is-fixed .anchor__hdg{
    display:block;
    padding-bottom:7px;
    border-bottom:1px solid #DBEAEB
}

@media (min-width:768px){
    .anchor__block.is-fixed .anchor__hdg{
        display:none
    }
    .anchor__block.is-fixed .anchor__list{
        display:flex
    }
}

.anchor__hdg,.anchor__list>li>span>.js-toggle-menu.is-active::after,.anchor__list__sub__wrap{
    display:none
}

.anchor__hdg{
    font-size:2rem;
    font-weight:700;
    letter-spacing:.1em;
    position:relative;
    padding-top:20px
}
.anchor__hdg::before{
    content:"";
    width:8px;
    height:8px;
    border-right:1px solid #24567A;
    border-top:1px solid #24567A;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    position:absolute;
    left:0;
    right:0;
    top:10px;
    margin:0 auto;
    transition:.4s
}
button{
    font:inherit
}


@media (min-width:768px){
    .anchor__list__sub__wrap{
        display:block;
        opacity:0;
        visibility:hidden;
        padding-bottom:10px;
        position:absolute;
        left:0;
        bottom:63px;
        width:100%
    }
    .anchor__list__sub__wrap.is-open{
        opacity:1;
        visibility:visible
    }
    .anchor__list__sub{
        width:100%;
        border:1px solid #CCDEDF;
        border-radius:10px;
        background-color:#fff
    }
    .anchor__list__sub>li:first-child>a{
        border-top:none
    }
}

.anchor__list__sub>li>a{
    display:block;
    border-top:1px solid #DBEAEB;
    color:#333!important;
    padding:20px;
    text-decoration:none!important;
    transition:.4s
}
@media (min-width:768px){
    .anchor__list__sub>li>a{
        color:#24567A!important;
        text-align:left;
        padding:15px 10px
    }
    .anchor__list__sub>li>a>.text{
        display:block
    }
}
.anchor__list__sub>li>a:hover{
    opacity:.7
}
.anchor__list__sub>li>a>.text{
    font-size:1.6rem;
    font-weight:500;
    position:relative;
    padding-right:15px
}
.anchor__list__sub>li>a>.text::after{
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:2.5px 0 2.5px 4px;
    border-color:transparent transparent transparent #333;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
