@charset "UTF-8";
/* CSS Document */
body{
	color: #333;
}
div.h-wrapper > div > div.hlist > ul > li:nth-child(2){display: none}
#megadd > li:nth-child(9){display: none}

	.obi{
		background-color: #e7efff;
		height: 7.5rem;
		vertical-align: middle;
	}


*, *::before, *::after {
--outline: 0.5px solid lightblue;
}

.breadcrumb-item+.breadcrumb-item::before{
	content: '>';
}
.breadcrumb{
	background: white;
	padding: 0;
	margin-bottom: 0;
	font-size: 0.8rem;
	line-height: 1;
	color: #595757;
}
.breadcrumb *{
	color: #595757!important;
}
.breadcrumb a:hover{
	text-decoration: underline #595757 1px;
}
nav[aria-label="breadcrumb"]{
	padding-top:1.45rem;
	padding-bottom: 2.25rem;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

@media screen and (max-width:767.98px){

		nav[aria-label="breadcrumb"]{
padding-top:1.2rem;
	padding-bottom: 0.75rem;
	position: relative;
}
	.breadcrumb{
		padding-left: 20px;
		padding-right: 20px;
		
			font-size: 0.54rem;
	}

}

*:focus {
  outline: none;
}
a {
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
* {
	margin: 0px;
	padding: 0px;}
body {
	margin-top: 0px;
	font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
		overflow-x :hidden;
}
	@media screen and (min-width:768px) {
.movie.container, .movie.container-md,
	.sup_n.container, .sup_n.container-md {
	max-width: 732px;
}
.container-md.product-n {
	max-width: 660px;
}
.container-md.product-m {
	max-width: 726px;
}
}
@media screen and (min-width:992px) {
.movie.container, .movie.container-md,
	.sup_n.container, .sup_n.container-md {
	max-width: 976px;
}
.container-md.product-n {
	max-width: 880px;
}
.container-md.product-m {
	max-width: 968px;
}
}
@media (min-width: 1200px) {
.container, .container-md {

		max-width: 1200px;
}
.movie.container, .movie.container-md,
	.sup_n.container, .sup_n.container-md {
	max-width: 1220px;
}
.container-md.product-n {
	max-width: 1100px;
}
.container-md.product-m {
	max-width: 1210px;
}
}
	
.navO {
	position: relative;
}
.dropdown-submenu:hover .dropdown-submenu-menu {
	visibility: visible;
}
.dropdown-submenu-menu {
	position: absolute;
	left: 0;
	visibility: hidden;
}
p.card-text {
	word-wrap: break-word;
	white-space: pre-line;
	word-break: break-all;
}
.nab {
	margin: 50px;
}
.dropdown-toggle {
	white-space: normal;
	
}
.dropdown-toggle:after {
	border: 0;
	margin-left: 0em;
	vertical-align: 0em;
}
nav.navbar .container .row {
	clear: both;
	width: 100%;
}
.swiper-blind-left, .swiper-blind-right {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	background: rgba(255,255,255,.7);
	z-index: 5;
}
.swiper-blind-left {
	left: -100%;
}
.swiper-blind-right {
	right: -100%;
}
.top-slide {
	overflow: visible;
	z-index: 1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
.swip_con {
	padding: 0;
}
.swipBG {
	background-color: black;
}
.top_banner .swiper-slide img {
	height: auto;
	width: 100%;
}
.slider-thumbnail .swiper-slide {
	opacity: .4;
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}
.ballon {
	position: absolute;
	top: -15px;
	z-index: 0;
	border-bottom: 30px solid lightcyan;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
}
.ballon-1 {
	left: 6%;
	transform: translate(-50%, 0%);
	background-color: blueviolet;
}
.ballon-2 {
	left: 21%;
	transform: translate(-50%, 0%);
	background-color: indianred;
}
.ballon-03 {
	left: 36%;
	transform: translate(-50%, 0%);
	background-color: indianred;
}
.ballon-4 {
	left: 50%;
	transform: translate(-50%, 0%);
	background-color: brown;
}
.ballon-5 {
	left: 65%;
	transform: translate(-50%, 0%);
	background-color: burlywood;
}
.ballon-6 {
	left: 79%;
	transform: translate(-50%, 0%);
	background-color: cornflowerblue;
}
.ballon-7 {
	left: 94%;
	transform: translate(-50%, 0%);
	background-color: teal;
}
.newsp p {
	margin-bottom: 3px;
	font-size: 1.15rem;
}
.produ div {
	padding: 0;
}
#js-slide .swiper-slide .container {
	border: 1px solid gray;
}
html {
	font-size: 100%;
}
body {
}
--h1 {
	font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
	line-height: 1.3;
}

@media screen and (max-width:576px) {
/*　画面サイズが480pxからはここを読み込む　*/
html {
	font-size: 100%;
}
}

@media screen and (min-width:576px) {
/*　画面サイズが768pxから1024pxまではここを読み込む　*/
html {
	font-size: 100%;
}
}

@media screen and (min-width:768px) {
/*　画面サイズが768pxから1024pxまではここを読み込む　*/
.navO {
	font-size: calc(720px/70);
}
.navbar-nav {
	width: 720px!important;
}
html {
	font-size: 67%;
}
}

@media screen and (min-width:992px) {
/*　画面サイズが1024pxからはここを読み込む　*/
.navO {
	font-size: calc(950px/80);
}
.navbar-nav {
	width: 960px!important;
}
html {
	font-size: 80%;
}
}

@media screen and (min-width:1200px) {
/*　画面サイズが1200pxからはここを読み込む　*/
.navO {
	font-size: calc(1190px/72);
}
.navbar-nav {
	width: 1200px!important;
}
html {
	font-size: 100%;
}
}
.navO {
	padding: 0;
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-right: 0px;
	padding-left: 0px;
}
.shop_w_res {
	transform: scale(0.93, 1);
}
.narrow {
	letter-spacing: -0.2rem;
}
.header .list-delta>li:before {
	--content: "\025b6 ";
	content: "▶︎ "
}
.header .list-delta {
	list-style: none;
	font-size: 1.153rem;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 0;
}
.site_serach legend {
	display: none;
}
.header.container {
	padding: 0;
	margin-bottom: 0.75rem;
}
.wlogo {
	width: 21rem;
}

.search {
	height: 100%;
	--position: relative;
}
.s_btn {
	position: absolute;
	right: 5px;
	top: 2px;
}

.nonlist {
	list-style: none;
}
.nonlist li {
--margin: 0;
--padding: 0;
}
.htss {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 700;
	margin-bottom: 0.1em;
}
.htss {
	font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
.htsn {
	font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 0.65em;
}
.h1m96 {
	margin-top: 5.75rem;
}
.h1m80 {
	margin-top: 5.334rem;
}
.h1m116 {
	margin-top: 7.25rem;
}
.f26 {
	font-size: 2.66rem;
}
.f13 {
	font-size: 1.33rem;
}
.d-blue {
	color: #182987;
}
.header.container {
	padding-top: 0.5rem;
}
.header {
	font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
}



/*///////////////////////////////////*/


		/*ここは検索ボックスの大きさ調整の*/	
		@media screen and (min-width:768px) {
			.search-box{			
			width: 15.125rem;
					}
			.input {
	width: 13rem;
}
}
@media screen and (min-width:992px) {
			.search-box{			
			width: 13.125rem;
				}
				.input {
	width: 11rem;	
}
}		
		
		.hlist {
	margin-left: 1.25rem;
	margin-bottom: 0.685rem;
}
		.search-box{
			padding: 2px 0em;
			padding-left: 0.2rem;
			font-size: 0.8rem;
			position: relative;
			margin-bottom: 0.685rem;
		}
		.input {
	height: 2em;
	background-color: #eeeeef;
	border: none;
	border: none; /*枠線非表示*/
	--outline: none; /*フォーカス時の枠線非表示*/
}
		.ibutton{
			vertical-align: middle;
			position: absolute;
			right:0;
			top:50%;
			width: 1.3125rem;
			margin-right: 0.5rem;
	-webkit-transform: translateY(-50%);
   transform:translateY(-50%) ;
		}
		.navbar{
			padding: 0;
			--border-top: 1px solid #888888;
		}
		.navbar li{
			--border: 1px solid #888888;
			--border-top: 0px;	
		}
		.navbar li+li{
			--border-left:none;
		}
		

		
a.nav-link {
	color:#333!important;
  position: relative;
	line-height: 1.5rem;
	
	padding: 0;
}
		.navbar-nav>li>a{
			border-left: 1px solid #b4b4b5;
			}
		.navbar-nav>li:first-child a{
			border-left:none;
		}
@media (hover: hover) {
		a.nav-link:hover ,a.nav-link:active{
			color:#036eb7!important;
    }}
				.icon_serach{
			background-image: url( "images/sp/loupe_sma.png")!important;
			width: 28px;
			height: 48px;
		}
		.icon_burger{
			background-image: url( "images/sp/burger_sma.png")!important;
			width: 24px;
			height: 48px;
			margin-right: 8px;
		}
		.navbar-toggler{
			padding-left: 8px;
			padding-right: 8px;
			border: none;
			padding-top: 0;
			padding-bottom: 0;
			outline: none!important;
		}
[data-target="#navbarNavDropdown"][aria-expanded="true"]>.icon_burger{
			background-image: url( "images/sp/cross_sma.png")!important;
			width: 24px;
		}
		

/*//////////*/

		.mega-dropdown li>a,.mega-dropdown dd>a{
		color:#FFF;
	}
	.mega-dropdown li>a:hover{
		text-decoration: underline;
		--color: #FFF;
	}

	
		.mega-dropdown {
	position: static;
}
.dropdown-menu.mega-dropdown-menu.show {
	top: 2.5rem;
	left: 0;
	margin-top: 0!important;
	padding:0.25em; 
	border: none;
	background-color: rgba(0,0,0,0.90);
	border-radius: 0;
	color: white;
	z-index: 1200;
}
.navO {
	position: relative;
}
		
		.dd_prdct>ul{
		display: block;
			display: flex;
			flex-flow: column wrap;
		align-content:flex-start;
		}
		.dd_prdct>ul>li,.dd_sprt-flex>ul>li{
list-style: none;
		}
		
		.flex-container{
			display: flex;
			margin-left: 2em;
			margin-top: 2em;
			width: 22.5em;
		}
		
		.dd_prdct .category_t,.dd_prdct .category_t>a{
			font-size: 1em;
			line-height: 1em;
			margin-bottom: 0.4em;
			color: #18a4ff!important;
			position: relative;
		}

		.dd_ico{
		width: 4.25em;
			margin-right: 1em;
		}

		.dd_prdct .list-delta>li{
		display: block;
			list-style: none;
			position: relative;
			line-height: 1.82em;
			font-size: 0.6875em;
padding-left: 0.8em;

		}
	.dd_prdct .list-delta>li:before{
    content: "";
    position: absolute;
    top:0.38em;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.5em;;
	border-color: transparent transparent transparent #FFFFFF;
	}
	.dd_prdct .all_lineup{
		margin-top: 2.75em;
		margin-left: 2em;
		line-height: 3em;
		font-size: 1.02em;
		text-align: center;
		background-color: #717071;
		border-radius: 0.28em;
		width: 23.5em;
	}
		.dd_prdct .all_lineup a{
			color: #FFF;
			position: relative;
			display: block;
     width: 100%;			
		}
		.all_lineup a:hover{
		background-color: #8a898a;
					border-radius: 0.28em;
		}
		.all_lineup a:after{
    content: "";
   position: absolute;
	float: right;
margin-left: 0.3em;
		transform-origin:50% 50%;
    top: 50%;
		
    width: 0.6em;
    height: 0.6em;
    margin-top: 0px;
    border-top: 2px solid ;
    border-right: 2px solid ;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
   transform:translateY(-50%) translateX(-50%) rotate(45deg);
}
	.dd_prdct .news{
		margin-bottom: 0;
		background-color:#cb1518;
		font-size: 75%!important;
	line-height: 1em!important;
	}
.dd_prdct .increases{
		margin-bottom: 0;
		background-color:#00a071;
		font-size: 75%!important;
	line-height: 1em!important;
	}
	
@media screen and (max-width:767.98px) {
	.dd_sprt .dd_sprt-p1>li:before,
	.dd_sprt .dd_sprt-p2>dd:before,
	.dd_sprt .dd_sprt-p3>dd:before{
    content: "";
    position: absolute;
  top: calc(50% - 0.4em);
    left: 0;
    width: 0px;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.5em;;
	border-color: transparent transparent transparent #BABBBC;
	}
	.dd_sprt .dd_sprt-p1>li a,
	.dd_sprt .dd_sprt-p2>dd a,
	.dd_sprt .dd_sprt-p3>dd a{
		font-size:0.842em;
		color:#BABBBC;
	}
	.dd_sprt .dd_sprt-p1>li,
	.dd_sprt .dd_sprt-p2>dd,
	.dd_sprt .dd_sprt-p3>dd{
		padding-left: 16px;
			position: relative;
	}
	.dropdown-menu.mega-dropdown-menu.show {
	padding:0; 
}
	.dd_prdct ul li{
width: 100%;		
	}
	.dd_ico{
		width: 3.5em;
			margin-right: 1em;
		}
	.flex-container{
			display: flex;
		align-items: center;
		  color:white;
			margin-left: 1em;
			margin-top: 1em;
			width: 100%;
		}
	.dd_prdct>ul li:last-child{
		margin-bottom: 1em;		
	}
	.dd_prdct .category_t, .dd_prdct .category_t>a {
    font-size: 1em;
    line-height: 1em;
    color: white!important;
}
		
		.dd_prdct .all_lineup a{
			color: #FFF;
			position: relative;
			display: block;
     width: 100%;			
		}
	
	.dd_prdct .all_lineup{
		background: #717071;
		color: white;
		 font-size: 1em;    
		text-align: center;
		line-height: 48px;
		margin: 20px auto 20px auto;
		border-radius: 5px;
		width: 376px;
		height: 48px;
		display: block;
		
	}
	.dd_prdct .all_lineup a{
		color: white;
		width: 100%;
		display:block;
	}
	.dd_prdct .all_lineup:hover{		
		background-color: #8a898a;
		--border-radius: 5px;
	}
	}

@media screen and (min-width:768px) {
		.dd_sprt-p2>dt,.dd_sprt-p3>dt{
				line-height: 1em;
				color:#fff;
			}
	
.dd_prdct .category_t>a:after{
    content: "";
   position: absolute;
	float: right;
	margin-left: 0.3em;
    top: 0.3em;
    width: 0.6em;
    height: 0.6em;
    margin-top: 0px;
    border-top: 2px solid #18a4ff;
    border-right: 2px solid #18a4ff;
    -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}
.dropdown-menu.mega-dropdown-menu.show {
			width: 720px;
	}
	.dd_prdct{font-size: 14px!important;}
	.dd_prdct>ul{/*この辺のheightが製品情報のドロップダウンメニュー高さ*/
					height: 1050px;			
}
	.flex-container{			
			width: 21.5em;
		}
}
@media screen and (min-width:992px) {
	

	.dropdown-menu.mega-dropdown-menu.show {
			width: 960px;
	}
.dd_prdct{font-size: 16px!important;}
	.dd_prdct>ul{
					height: 1200px;			
}
		.flex-container{			
			width: 26.5rem;
		}
	
			.cat.dd_prdct>ul{
		display: block;
			display: flex;
			flex-flow: column wrap;
		align-content:center;
				
				
		}
	
}
@media screen and (min-width:1200px) {
	.dropdown-menu.mega-dropdown-menu.show {
			width: 1200px;
	}
.dd_prdct{font-size: 16px!important;}
	.dd_prdct>ul{
					height: 870px;			
	}
			.flex-container{			
			width: 21.56rem;
		}
		}
/*///////////*/

.dd_sprt-p2>dt,.dd_sprt-p3>dt{
				position: relative;
			}
.dd_sprt-p2>dt:before,.dd_sprt-p3>dt:before{
					content: "";
				display: inline-block;
		vertical-align:-5%;
		width: 1.1em;
		height: 1.1em;
		margin-right: 0.5em!important;
		background-image: url( "images/sp/9dia_sma.png")!important;
background-repeat: no-repeat ;
		background-position: center;
		background-size: 100% 100%;
		--outline: solid 1px #ddf;

			}
.dd_sprt-p4 li{
				line-height: 32px;
				list-style: disc inside!important;
				font-size:14.2px;
				border-left: none!important;
			}
@media screen and (max-width:767.98px) {
	ul.dd_sprt-p4{
		padding-left: 1em;
	}
	.dd_sprt-p4 li{
		line-height: 1em;
		margin-bottom: 16px;
		list-style: outside!important;
		font-size:0.842em;
		color:#BABBBC;
		padding-left: 0em;
	}
	.dd_sprt-p4 li a{
		color:#BABBBC;
	}
				.dd_sprt{
				font-size: 16px;
				padding: 16px 20px 4px 20px!important;

			}
.dd_sprt-p2>dt:before,.dd_sprt-p3>dt:before{
					vertical-align: -15%;
		background-image: url( "images/sp/9dia_sma.png")!important;
	}
				.dd_sprt-p2 dt,.dd_sprt-p3 dt{
				line-height: 1.1em;
					height:1.1em;
				margin-top: 10px;
				margin-bottom: 16px;
				color:#FFFFFF;
				

			}
		.dd_sprt-flex>ul>li,.dd_sprt-flex dd{
				line-height: 1em;
				margin-bottom: 16px;
				
			}
				.dd_sprt-p4{
margin-top: 0.625em;
			}
	
}
@media screen and (min-width:768px) {
			.dd_sprt-p4{
margin-top: 1em;
			}

.dd_sprt-p2>dt:before,.dd_sprt-p3>dt:before{
		background-image: url( "images/dropdown/9dia.png")!important;
	}
				.dd_sprt-p2 dt,.dd_sprt-p3 dt{
				line-height: 52px;
				color:#18a4ff;
				height: 52px;
				margin-bottom: 0.75em;
			}
	
				.dd_sprt-flex>ul>li,.dd_sprt-flex dd{
				margin-bottom: 0.75em;
				
			}

			}


			.dd_sprt-p0{
				height: 100%;
			}

			.dd_sprt-flex{
				display: flex;
				flex-direction: column;
			flex-wrap: wrap;
		align-content:flex-start;
	
			}
			.dd_sprt-flex>ul>li>a>img,.dd_sprt-flex>dl>dd>a>img{
				width:  68px;
				padding-right: 1em;
							}


		.dd_sprt-flex dl{
				margin-bottom: 0;
			}

.dd_sprt dt img{
				width: 1.1em;
				margin-right: 0.5em;
			}
			
			.dd_sprt-p1{
				width: 388px;
			}
			.dd_sprt-p2{
				width: 380px;
			}
		


@media screen and (max-width:767.98px) {

	
}
@media screen and (min-width:768.98px) {
		.dd_sprt-flex{
		height:675px;
	}

		.dd_sprt-flex>ul>li>a>img,.dd_sprt-flex>dl>dd>a>img{
				width:  62px;
				padding-right: 1em;
							}
	.dd_sprt{
				font-size: 14px;
				padding: 28px 2em 20px 2em!important;

			}
	.dd_sprt-p1,.dd_sprt-p2,.dd_sprt-p3,.dd_sprt-p4{
				width: 333px;
			}
	.dd_sprt-p2 dt,.dd_sprt-p3 dt{
				line-height: 49px;
				color:#18a4ff;
				height: 49px;
				margin-bottom: 0.75em;
			}

}
@media screen and (min-width:992px) {
	.dd_sprt-flex{
		height: 735px;
	}
	.dd_sprt-flex>ul>li>a>img,.dd_sprt-flex>dl>dd>a>img{
				width:  68px;
				padding-right: 1em;
							}
	.dd_sprt{
				font-size: 16px;
		padding: 28px 36px 20px 36px!important;

			}
					.dd_sprt-p1{
				width: 388px;
			}
			.dd_sprt-p2,.dd_sprt-p3,.dd_sprt-p4{
				width: 380px;
			}
				.dd_sprt-p2 dt,.dd_sprt-p3 dt{
				line-height: 52px;
				color:#18a4ff;
				height: 52px;
				margin-bottom: 0.75em;
			}
}

	

@media screen and (min-width:1200px) {
	.dd_sprt-flex{
		height: 448px;
	}
				.dd_sprt-p1{
				width: 388px;
			}
			.dd_sprt-p2,.dd_sprt-p3,.dd_sprt-p4{
				width: 380px;
			}
}
/*///////////////////////////*/
		
		.h-wrapper {
    z-index: 10000;
    position: relative;
    background: #ffffff;
			padding-top: 15px;
}
		.stars{
			position: static;
		}
		.n1,.n2,.n3,.n4,.n6,.n7{
						width: 10.625rem;
		}
		.n5{
			width: 11.25rem;
		}
		.nav-item{
			text-align: center;			
		}
		
.wall-overray {
    z-index: 1000;
    position: fixed;
    height: calc(200vh + 60px);

    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.8);
    top: 0;

    right: 0;
    left: 0;

}
.wall-overray_pc {
    z-index: 1000;
    position: fixed;	
top:0;
    height: calc(200vh + 60px);
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.8);
}
		

		
.navbar-toggler{
			z-index: 1200;
		}

/*/////////////////////////////////////	*/

/*//////ここはグローバルメニューのスマホ///////////////////////////////	*/
@media screen and (max-width:767.98px) {
/*　画面サイズが768pまではここを読み込む　*/
		.search-box{
	 width: 360px;
	margin: 10px auto;
		align-items: center;
	}
#navbarSite_serach {
		background-color: #f0f1f2;
		border-top: 2px solid #333;
		-ms-left:-500px;
	}
#navbarSite_serach .input{
	background-color: #fff;
	width: 100%;
	height: 28px;
	text-align: center;
		}

#navbarNavDropdown a.nav-link{
		color:#333!important;
		padding: 10px 0rem;
		background-color: #f0f1f2;
			}
#navbarNavDropdown a.nav-link.dropdown-toggle:after{
	content: "";
		width: 20px;
		height: 24px;
position: absolute;
		right: 18px;
		background-image: url( "images/sp/plus_sma.png")!important;
background-repeat: no-repeat ;
		background-position: center;
		background-size: 100% 100%;
		--outline: solid 1px #000;
	}
#navbarNavDropdown .show a.nav-link.dropdown-toggle:after{
	content: "";
		width: 20px;
		height: 24px;
position: absolute;
		right: 18px;
		background-image: url( "images/sp/minus_sma.png")!important;
background-repeat: no-repeat ;
		background-position: center;
		background-size: 100% 100%;
		--outline: solid 1px #000;
	}
	
#navbarNavDropdown a.nav-link:after{
	content: "";
		width: 20px;
		height: 24px;
position: absolute;
		right: 18px;
		background-image: url( "images/sp/next_sma.png")!important;
background-repeat: no-repeat ;
		background-position: center;
		background-size: 100% 100%;
		--outline: solid 1px #000;
	}


				.h-wrapper {
			padding-top: 0px;
}
	.header{
		display:none!important;
	}
	.navbar{
		background-color: white;
		z-index: 1100;

	}
	.navbar .container {
	justify-content: flex-end;
	align-items: flex-end;
	height: 47px;
}
.navbar-collapse{
	position: absolute;
	top:48px;
	    z-index: 1100;
	background-color: white;
			padding: 0;
			margin: 0;
			width: 100%;
			left:0px;
			
	}

.navbar{
		padding: 0;
		margin: 0;
	}
.nav-item{
		width: 100%;
		
	}
	.navbar-nav>li{
		border-top: 1px solid #333;
	}
		.navbar-nav>li:first-child{
		border-top: 2px solid #333;
	}
.navbar li a{
			border:none!important;
		}
	.nav-link{
		padding-left: 1.25em!important;
		text-align: left;
		
	}
	

	.splogo{
		width: 250px;
		margin-right: auto;
		margin-left: 0px;
	}
.navO{
		position: relative;
	top: 0;
		z-index: 1200;
		background-color: white;


	}
}
/*//////ここはグローバルメニューのPC///////////////////////////////	*/
@media screen and (min-width:768px) {
/*　画面サイズが768pxから1024pxまではここを読み込む　*/
								#navbarNavDropdown .nav-item{
		color:#333!important;
		padding: .5rem 0rem;
}	
	
			.h-wrapper {

			padding-top: 15px;
}
	
	.nav_sp,#navbarSite_serach{
		display: none!important;
		
	}
#navbarNavDropdown a.nav-link:after {
  position: absolute;

bottom: -0.5rem;
  left: 0;
  content: '';
  width: 100%;
			height: 0.25rem;
  
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
	background: rgb(0,37,208);
background: -moz-linear-gradient(90deg, rgba(0,37,208,1) 0%, rgba(24,194,255,1) 50%, rgba(0,37,208,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,37,208,1) 0%, rgba(24,194,255,1) 50%, rgba(0,37,208,1) 100%);
background: linear-gradient(90deg, rgba(0,37,208,1) 0%, rgba(24,194,255,1) 50%, rgba(0,37,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0025d0",endColorstr="#0025d0",GradientType=1);
}
 #navbarNavDropdown a.nav-link:hover:after {
  transform: scale(1, 1);
}
		
	}

/*/////////////////////////////////*/


.swiper-pause,.swiper-play {
		cursor: pointer;
		margin-left: 0.8rem;
		margin-right: 0.75rem;
		height:0.875rem!important;
	font-size: 0.875rem!important;
		line-height: 1em!important;
		width:  1em!important;
position: relative!important;
	top:0;
}
			.swiper_button:hover,.swiper-pagination-bullet:hover{
				color: #c30d23!important; 
				fill: #c30d23!important;
			}
			.swiper-pagination-bullet:hover{
				background-color: #c30d23!important;
				
			}
			
			.swiper_button{
				fill:#717071;
			}
			.hide{
					display:none;
			}

			.papa{
				
				
				height: 3rem;
				font-family:'Noto Sans JP','Microsoft Sans serif',sans-serif;
				outline: none;
							}
		.swiper-button-prev,.swiper-button-next,.swiper-pagination-bullet{
				outline: none;
			}
			.papa{
				display: flex;		
				flex-wrap: nowrap;
				justify-content:center;
				align-items: center;
				position: relative;
				color:#717071;
			}
			.swiper-pagination span{
				margin-left: 0.8rem;
				margin-right: 0.8rem;
				margin-left: min(0.8rem,100vw/50);
				margin-right: min(0.8rem,100vw/50);
			}
		
			
	.swiper-container {
    padding-bottom: 28px;
			}		
.swiper-button-prev,.swiper-button-next{
			position: relative!important;
		top:0.0625rem!important;

	left:0!important;
	right:0!important;
	width: 1em!important;
					background-image: none; /* デフォルトのボタン画像を消す */
					margin-top: 0!important;	
	height:1.375rem!important;
	line-height: 1em!important;
			} 
			
			.swiper-button-next{
			 margin-left:min(2.42rem,100vw/12);
			}
			.swiper-button-prev{
			margin-right:min(2.42rem,100vw/12);
			}
.swiper-button-prev svg,.swiper-button-next svg{
		height:1.375rem!important;
		}
			.swiper-pagination {
				position: relative!important;
			}
			
	
.swiper-button-prev:after ,
.swiper-button-next:after {
	background-image: none; /* デフォルトのボタン画像を消す */
	background-image:none;

}
			.swiper-button-prev:after {
				--content:"\03c"!important;
			}
.swiper-button-prev:after,
.swiper-button-next:after {
				content:""!important;
			}
.swiper-pagination-bullet{
				width: 10px!important;
				height: 10px!important;
				opacity: 1!important;
				background-color: #717071!important;
			}
 .swiper-pagination-bullet-active{
	 background-color: #c30d23!important; 
			}

		/*////////////////////////////////*/	

		.product-n li	img:hover {
	opacity: 0.75 ;
}
			.product-m a:hover {
	opacity: 0.75 ;
}

	.dropdown-x>img{
		border-image-width: 30px;
	}
	.w32{
		width:2rem;
		 vertical-align: middle;

	}
	.dropdown {
		text-align:center;
		--position:relative;
	}
	.dropdown-menu{
		border-radius: 0!important;
		border: none!important;
		background-color: none;
	}

	.dropdown-menuB{
		position: absolute!important;
		left: 50%!important;
		transform:translateX(-50%)!important;
		top:calc(100%)!important;
		margin-top: 0!important;
		font-size:0.88rem;
		line-height: 1.2;
		padding-top: 0;
		padding-bottom: 0;
		border-top:none;  
	}
	.dropdown-item{

display: block;

		background-color: #171c61;
		color: white;
		padding: 0 0.75rem!important;


	}
	.dropdown-item:hover{
		background-color: #454b7e;
		color: white;
		border-bottom: none;
	}
	.dropdown-item a:hover{
		border-bottom: none;
		text-decoration: none;
	}
	.dropdown-item a {
	  height: 3.125rem;
	  display: flex;
	  align-items: center;
	  text-align: left !important;
	  color: white;
	}
		.dropdown-item>a>p{
text-align: left!important;
		color: white;
			padding-left: 0.4em;
			padding-right: 0.3em;
			padding-top: 0!important;
			padding-bottom: 0;
	}
		.dropdown-item p>span{
font-size: 0.8em;
	}
	.bg-w1{
		margin-top: 1.5rem;		
		background: #e7efff;
		padding-top: 1.875rem;
		padding-bottom: 1.875rem;
	}
	.container.product-n{
		padding-left: 0;
		padding-right: 0;

	}
	.container.product-n>.row{
		margin-left: -12px;
		margin-right: -12px;
	
	}
	.product-n .col{
		padding-left: 12px;
		padding-right: 12px;
	}
		.product-n li{
		padding-top: 0.375rem;
		padding-bottom: 0.375rem;
	text-align: center;
	}
	.product-n>ul>li.col p{
		font-size: 0.975rem;
		text-align: center;
		margin-bottom:0; 
		line-height: 1em;
		padding-top: 1em;
	}
	.product-n ul{
		margin-bottom: 0;
	}
	.product-n>ul{
		padding: 0;
	}

/*//////////////////////////////////////////////*/
	.t50{
		opacity: 0.5 ;
	}
	.bg-w{
		margin-top: 1.5rem;		
		background: #e7efff;
		padding-top: 0.875rem;
		padding-bottom: 0.875rem;
	}
	.container.product-m{
		padding-left: 0;
		padding-right: 0;

		
	}
	.container.product-m>.row{
		margin-left: -7px;
		margin-right: -7px;
			max-width: 1210px;
	}
	.product-m .col{
		padding-left: 6px;
		padding-right: 6px;
	}
		.product-m li{
		padding-top: 0.375rem;
		padding-bottom: 0.375rem;

	}
	.product-m ul{
		margin-bottom: 0;
	}
/*//////////////////////////////////////*/

	.toList{
		text-align: right;
		margin-top:1.25rem;
	}
.newst p{
	margin-bottom: 0;
	overflow-wrap: break-word;
			
}			
.group{
		font-size:1.1rem;
		margin-top: 0.3em;
		margin-bottom: -0.275rem;
	}


.newst,.news-lis{
font-family: 'Noto Sans','Noto Sans JP', sans-serif;
margin-top: 2.5rem;
padding: 0;
line-height: 1.2rem;
} 
.l-blue{
color:#0768ab;
}
.l-glay{
color:#717071;
}
.font-s{
		font-size: 0.87rem;
	}

   
	.prolist{
		line-height: 1.5rem;
		align-items: center;
	flex-grow: 1;
	}
			
.mars{
	margin:0.375rem 0 0.375rem 0!important;
}
			
.newst .carInfo, .newst .prolist{
font-size:1.15325rem;
}
.carInfo{
	width:32rem; 
	flex-shrink: 0;
}
div.newsCar{
	margin-left: 0.5rem;
}
.newsCar p{
	line-height: 1.5em;
	}
.prolist p{
	margin-right: 0.8em;
		vertical-align: top;
	}
.newst>ul>li>div.align-self-center{
	width: 100%;
}
.newst .prolist span{
    font-weight: 700;
	font-feature-settings: "palt" 1;
}
.news{
      border: #d61518 solid 1px;
      background-color: #d61518;
      color: white;
    display:inline-block;
width:5em;
font-size:0.75rem!important;
	line-height: 1em!important;
	margin-right: 0.25rem;
}

.increases{
      border: #00a071 solid 1px;
      background-color: #00a071;
      color: white;
    display:inline-block;
width:8.5em;
font-size:0.75rem!important;
line-height: 1em!important;
margin-right: 0.25rem;
    margin-bottom: 0;
}

.fontB{
    font-weight: 700;
}
.ad_product{
display:block;	
font-size: 0.768rem;
color: white;
background-color: #333;
width: 8.2rem;
text-align: center;
	line-height: 1.3em;
align-self:flex-start;
	flex-shrink: 0;
	margin-top: 0.1rem!important;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	margin-right: 0.8rem;
		font-feature-settings: "palt" 1;
	}
	
.newst li{
  border-bottom: solid 1px #aaaaaa;
	padding-bottom:0.7rem;
  margin-bottom: 0.7rem;
}

.non{
display: inline-block;
  }
	
	.prolist_2 {
	font-size: 0.96rem;
	margin-right: 0!important;
	margin-left: auto;
}
/*/////////////////////////*/
.news-lis{
padding: 0;
	margin-top: 2rem;
font-size: 1rem;
    }
.news-lis p{
	margin-bottom: 0;
	line-height: 1.2rem;
}	
		
 .news-lis li{
        border-bottom: solid 1px #aaaaaa;
			align-items: center;
	 line-height: 1.2em;
	 padding-bottom: 0.75rem;	
	 padding-top: 1rem;

    }

.d-badge{
        display: inline-block;
        padding: .25em .7em;
        line-height: 1;
        white-space: nowrap;
        vertical-align: baseline;
         text-align: center;
	width: 6em;
    }
.news-lis .badge_li{
width: 9em;
text-align: center;
       flex-shrink: 0;
    }
.news-lis .date{
        padding-left: 0.25em;
    }
.badge-pnews {
    color: #333;
    background-color: #b9d3ff;
    font-weight: 400;
    font-siza:1rem;
}
.badge-event {
    color: #333;
    background-color: #3cb8b1;
    font-weight: 400;
       font-siza:1rem;
}
    
.badge-oshirase {
    color: #333;
    background-color: #f29600;
    font-weight: 400;
    font-siza:1rem;
}

.badge-cp {
    color: #333;
    background-color: #b996ff;
    font-weight: 400;
    font-siza:1rem;
}
.badge-donations {
    color: #333;
    background-color: #e1d400;
    font-weight: 400;
    font-siza:1rem;
}


/*////////////////////////////////*/


		.sup_n a:hover {
	opacity: 0.75 ;
}
	.sup_n{

		margin-top: 2rem;
	}
    
	.container.sup_n{
		padding-left: 0;
		padding-right: 0;
	}
	.container.sup_n>.row{
		margin-left: -10px;
		margin-right: -10px;
	}
	.sup_n .col{
		padding-left: 10px;
		padding-right: 10px;
	}
	.sup_n li{
		padding-top: 0.625rem;
		padding-bottom: 0.625rem;

	}


/*/////////////////////////////*/

	.y_logo_margin{
		margin-right: 20px;
	}
	.movie ul{
		margin-block-end: 0;
	}
	.movie li {
		display: block;
		text-align: center;
		margin-bottom: 1em;
	}
	.movie li	img:hover {
	opacity: 0.75 ;
}
		.movie a:hover {
	opacity: 0.75 ;
}
	.m-badge{
		display: inline-block;
		text-align: center;
		background-color:#333;
		color: white;
		line-height: 1em;
		padding: 0.4em!important;
		margin-top: 0.2em;
	
	}

	.movie .col{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.movieH1{
		position: relative
	}
	.movieH1 p{
		padding: 0;
		margin: 0;
	}
	.h1_yb_logo{
		width: 16em;
align-items: flex-start;
font-size: 0.975rem;
		font-weight: 400;
		color: #333;
		text-align: right;
position: absolute;
		top:0px;
		right: 0px;
		
	}
	.h1_yb_logo_img{
		width:  9.5rem;
	text-align: right;
	}

.movie{
	margin-top: 2rem;
font-size: 0.975rem;
	line-height: 1.4em;
	}
	.movie li p{
		text-align: center;
		padding-top: 0.6em;
		margin-bottom: 0;

	}

.movie>ul:nth-child(2){
	padding-top: 0.7rem;	
	
}
.more-btn , .more-btn:hover{
        font-size:1.1515rem;
		line-height: 1em;
padding: 0.53rem 1.125rem 0.53rem 0px;
        border: solid 1px #333;

        width: 7.25rem;
		text-align: center;
	position: relative;
	color: #333;
}
	.more-btn[aria-expanded='false']:after{
		content: "";
		display: inline-block;
		position: absolute;
		right: 1em;
		top:0.4em;
  border-bottom: solid 0.125rem #333;
  border-right: solid 0.125rem #333;
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(45deg);


}
.more-btn[aria-expanded='true']:after{
		content: "";
		display: inline-block;
		position: absolute;
		right: 1em;
		top:0.7em;
border-top: solid 0.125rem #333;
  border-left: solid 0.125rem #333;
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(45deg);

}
/*///////////////////////////*/

.l3 div:first-child{
padding-bottom: 1.5rem;
    }
#example-4,#example-5{
	margin-bottom: 1.5rem;	
}


	.ff-w{
		--flex-basis: 30%;
	}
	.list_custom01 li{
		padding-right: 2em;
	}
	#footer .m-block{
		padding: 0.75rem;
	}
#footer{
    margin-top: 5.75rem;
    padding-top: 4.125rem;
    background-color: #e7efff;
    font-family: 'Noto Sans','Noto Sans JP', sans-serif;
    }
#footer .list-delta>li{
        font-size: 0.8rem;
			  line-height: 2em;
        list-style: inside none;
        white-space:nowrap;
		position: relative;

    padding-left: 10px;
        
    }
    #footer .list-delta>li:before{
        content: "";
    position: absolute;
    top:1em;
    left: 0;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
	border-color: transparent transparent transparent #333;
	}
	#footer .list-delta>li.nondel:before{
        content: "";
    position: absolute;
    top:1em;
    left: 0;
    margin-top: -4px;
    width: 0;
    height: 0;
    border:none;
	}
	

    #footer h1{
        font-size: 1.3rem;
        font-weight: 500;
    }
.w454{
        width: 30rem;
    }
.w404{
        width: 25rem;
    }
.w222{
 
     height: 17em;
    }
.co-list{
	padding-left: 0;
		padding-bottom: 0em;
		font-size: 0.8rem;
		list-style: inside none;
		line-height: 2em;
    }
#footer .co-list>li:before{
        content:"・";
    }
.h-list li{
    font-size: 1.3rem;
    line-height: 1.2em;
    list-style: inside none;
    margin-bottom: 1rem;
    font-weight: 500;
    }
    #footer>.container-md{
    padding: 0;
    }
    .border-r{
     border-right: solid 1px #333;
    }
.bd-highlight {
    background-color: rgba(86,61,124,0.15);
    border: 1px solid rgba(86,61,124,0.15);
}
    #footer dt, #footer .l3 ul.l_list>li{
   font-size:1.328rem;
   color:#182987;
		font-weight: 700;
		list-style: none;
    }

    .logo_m{
        width: 3.8rem;
        margin-top:1.8rem; 
        margin-right:1.8rem; 
        margin-bottom:0.8rem; 
    }
		 .logo_m1{
        width: 3.64rem;
        margin-top:0.4rem; 
        margin-right:1.7187rem; 
        margin-bottom:0.8rem; 
    }
		 .logo_m2{
        width: 3.5625rem;
        margin-top:1.7187rem; 
        margin-right:1.7187rem; 
        margin-bottom:0.8rem; 
    }
	#footer dt>a, #footer .l3 ul.l_list>li>a{
		color:#182987;
	}
		dt>a:hover, #footer .l3 ul.l_list>li>a:hover{
		color:#182987;
	}
	.nav_list{
		position: relative
	}
	.nav_list>a:after{
    content: "";
    position: absolute;
	margin-left: 0.3em;
    top: 0.4em;
    width: 0.6em;
    height: 0.6em;
    margin-top: 0px;
    border-top: 2px solid #182987;
    border-right: 2px solid #182987;
    -webkit-transform: rotate(
45deg
);
   transform: rotate(
45deg
);
}
	

	
    #footer_min{
        margin-top: 1.5rem;
       padding-bottom: 1.5rem;
    }
    #footer_min li,  #footer_min small{
        margin-left: 2rem;
    }

	
@media screen and (max-width:767.98px) {
	.l3 div:first-child{
padding-bottom: 0rem;
    }
	#footer dt a:hover, #footer dt a:active,
	#footer dt:hover, #footer dt:active,
	#footer .l3 ul.l_list>li>a:hover, #footer .l3 ul.l_list>li>a:active{
		text-decoration-line: none;
		color:#447EEC;
	}
	
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	#footer .m-block{
		padding: 0.55rem;
	}
	.co-list{
        margin-left: 0.5rem;
   padding-bottom: 1.1em;
        font-size: 0.8rem;
        list-style: inside none;
    line-height: 2em;
    }
	
.nav_list+dd{
		padding-left: 1.25em!important;
		padding-top: 0.71875em;
	}
	
	#footer .container{
		width: 100%;
		max-width:767px;
	}
	.img_nxt{
		position: relative;
		
	}
		.img_nxt a{
	display: block;
		width: 100%;
			height: 100%;
	}

	#footer .img_nxt a:after{
	content: "";
		width: 20px;
		height: 24px;
position: absolute;
top:10px;
		right: 13px;
		background-image: url( "images/sp/next_sma.png")!important;
background-repeat: no-repeat ;
		background-position: center;
		background-size: 100% 100%;
		--outline: solid 1px #000;
	}
.nav_list:after{
content: "";
		width: 20px;
		height: 24px;
position: absolute;
top:10px;
		right: 13px;
		background-image: url( "images/sp/plus_sma.png")!important;
background-repeat: no-repeat ;
		background-position: center;
		background-size: 100% 100%;
		--outline: solid 1px #000;
}
.nav_list2:after{
content: "";
		width: 20px;
		height: 24px;
position: absolute;
top:10px;
		right: 13px;
		background-image: url( "images/sp/minus_sma.png")!important;
background-repeat: no-repeat ;
		background-position: center;
		background-size: 100% 100%;
		--outline: solid 1px #000;
}

	    #footer_min{
        margin-top: 0rem;
       padding-bottom: 1.5rem;
    }
	#footer_min ul{
		padding-left: 1.25em!important;
	}
	  #footer_min li,  #footer_min small{
      margin-left: 0rem;
    }
	.f_logo{
		text-align: center;
		 padding-top: 2.5rem;
	}
	#footer>.container-fluid{
		padding-left: 0;
		padding-right: 0;
	}
   #footer dt, #footer .l3 ul.l_list>li {
       background-color: rgba(86,61,124,0.15);
       display: block;
       text-align: left;
		 padding: 0 1.25em;
		 font-size: 16px;
		 line-height: 2.625em;
    }
	#footer dt.ft_m{
       background-color: rgba(255,255,255,0);	
		border-top: none;
       display: block;
       text-align: left;
		 padding: 0 1.25em;
		 font-size: 16px;
		 line-height: 1em;
		margin-top: 1em;
		 pointer-events: none;
    }
	.f_c{
		display:block;
		text-align: center;
	}

	.f_sns_flex{
		display: flex;
		justify-content: space-between;
	}
	 .logo_m1{
        width: 3.64rem;
        margin-top:0.8rem; 
        margin-right:1.7187rem; 
        margin-bottom:0.8rem; 
    }
		 .logo_m2{
        width: 3.5625rem;
        margin-top:1.7187rem; 
        margin-right:1.7187rem; 
        margin-bottom:0.8rem; 
    }
	
#footer dd{
		border-top: 1px solid #333;
	}

#footer dt, #footer .l3 ul.l_list>li{
		border-top: 1px solid #333;
	}
#footer .b-none{
		border-top:none;
	}
	#mo5{
		border-bottom: 1px solid #333;
	}
#footer dd,#footer ul{
       margin-bottom: 0!important;
    }


	.f_collapse{
		padding-bottom: 1em;
	}
	
#footer {
		border-top: 1px solid #333;

    margin-top: 4rem;
    padding-top: 0rem;
    background-color: #e7efff;
    font-family: 'Noto Sans','Noto Sans JP', sans-serif;
}
	.sp_btn{
		background: #717071;
		color: white;
		 font-size: 1em;    
		text-align: center;
		line-height: 48px;
		margin: 16px auto 4px auto;
		border-radius: 5px;
		width: 376px;
		height: 48px;
		display: block;
		position:relative;
	}
.sp_btn a:after{
    content: "";
   position: absolute;
	float: right;
margin-left: 0.3em;
transform-origin:50% 50%;
    top: 50%;
		
    width: 0.6em;
    height: 0.6em;
    margin-top: 0px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
   transform:translateY(-50%) translateX(-50%) rotate(45deg);
}
	.sp_btn a{
		color: white;
		width: 100%;
		display:block;
	}
	.sp_btn:hover{		
		background-color: #8a898a;
		--border-radius: 5px;
	}
	}
	

@media screen and (min-width:768px) and (max-width:992px)  {
		.ff-w{
		flex-basis: 30%;
	}
	.ff-w dt{
		width: 237.1px;
	}
	
	.ff-w:last-child {margin-left:auto;}
	.ff-w:last-child dt{
	width: 230.3px;
	}
#footer dd{
      padding-left:-15px!important;
	  padding-right:-15px!important;
    }
	
.l1{
    border-right: 1px solid #333;
    box-sizing: border-box;
    }


#footer dt{
       border: 0px;
       background-color:inherit;
       display: block;
      text-align: left;
    }
#footer dd,#footer ul{
       margin-bottom: 0;
    }
	footer .mb-lg-36px{
	margin-bottom: 2rem!important;	
	}
#example-4{
	margin-bottom: 2rem!important;
	}
	
	
	}

@media screen and (min-width:992px) {
/*　画面サイズが1024pxからはここを読み込む　*/
.l1, .l2{
    border-right: 1px solid #333;
    box-sizing: border-box;
    }
.l2{margin-left: 1rem;
    }
.l3{
    margin-top: 0;
    margin-left: 1rem;
    }


}

@media screen and (min-width:1200px) {
/*　画面サイズが1200pxからはここを読み込む　*/


}

	.footerNav{
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	@media screen and (max-width:767.98px) {
		.footerNav{
		display: flex;
		flex-flow: column;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	}
	@media screen and (min-width:768px) and (max-width:992px)  {
			.footerNav .l1{
		width:66%;
	}
	.footerNav .l2{
		width:32%;
	}
	.footerNav .l3{
		width:100%;
	}
		.l3{
    margin-top: 2rem;
    }
	.l3 div:first-child{
padding-bottom: 0rem;
    }
	}
	@media screen and (min-width:992px) {
			.footerNav .l1{
		width:45%;
	}
	.footerNav .l2{
		width:calc(32% - 1px - 1rem);
	}
	.footerNav .l3{
		width:calc(23% - 1px - 1rem);
	}
	}

	#example-2{
		margin-bottom: 0;
	}
	#example-2>div>ul{
		margin-bottom: 0;
	}
	#example-4 ul>li:nth-child(4){
		width:100%;
	}


/*//////////////////////////*/

#pageTop {
  position: fixed;
  bottom: 28px;
  right: 16px;
  margin: 0;
}

#pageTop a {
  display: block;
  z-index: 999;
  border-radius: 5px;
  width: 40px;
  height: 28px;
  background-color: rgba(161, 161, 161, 0.8);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;

}
#pageTop>a>img{
	margin-top: 9px;
	margin-bottom: 9px;
}
	
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.font-sr{
		--font-size: 90%;
	}

.osirase{ 
			color: #c30d23;
			font-size: 1.1rem;
			line-height: 2.25rem;
			border: 1px solid #c30d23;
			width: 80%;
			text-align: center;
			margin-top: 2.7rem;
			margin-bottom: -2rem;
			margin-left: auto;
			margin-right: auto;
		}
		.osirase a{
			color: #c30d23;
		}
.osirase.red{
    color: #ffffff;
    background-color: #c30d23;
}
.osirase.red a{
        color: #ffffff;
}
		@media screen and (max-width:767.98px){
			.osirase{
				font-size: 0.75rem;
			
			line-height: 1.5em;
			width: 80%;
			padding:0.8em }
		}

.hd_sp_none_to_inlineblock{
	display: inline-block;
}
.hd_sp_none_to_block{
	display: block;
}
@media screen and (max-width:767.98px){
	.hd_sp_none_to_inlineblock,.hd_sp_none_to_block	{
		display: none;
	}
	
}
        .txt-w80{
            display: block;
            transform: scaleX(0.97);
            transform-origin: top left;
            width: 103.0927835051546%;
                }