<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


/*--------------------------------------------------
	＜ローカルナビゲーション＞
--------------------------------------------------*/
.local_navigation {
	z-index: 1000;
    /*border-bottom: 5px solid #0071e3;*/
    height:auto;
    margin-top:0;
    background-color: #fff;
}
.local_navigation::after {
	content:"";
	display:block;
	height:5px;
	background-color:#0071e3;
}
.local_navigation .local_nav_inner{
    width: 960px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.local_navigation .logo {
    line-height: 30px;
    margin-bottom: 8px;
}
.local_navigation .logo img {
	height:25px;
    max-width: none;
}
.local_navigation ul {
    display:flex;
    justify-content: flex-end;
    margin: 0;
    padding-top:10px;
}
.local_navigation ul li {
    width:150px;/*120*/
    padding:0;
    margin-left: 5px;
}
.local_navigation ul li a ,
.local_navigation ul li:first-child a {
    border:1px solid;;
    border-color: #ccc;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display:block;
    padding:10px 0;
    text-align: center;
    transition: 0.2s all ease-in;
    font-size: 20px;/*none*/
    line-height: 1.2;
}
.local_navigation ul li a.current,
.local_navigation ul li a.current:hover {        
    background-color: #0071e3;
    border-color: #0071e3;
    color:#fff;
}

@media screen and (min-width: 641px) {
    .local_navigation ul li a:hover {
        background-color: #eee;
        border-color: #ccc;
        color:inherit
    }
}
@media screen and (max-width: 640px) {
    .local_navigation {
        background: linear-gradient(to bottom, #f0f0f0 0,#fff 30px);
        position:absolute;
    }
    .local_navigation .logo {
		padding: 10px 10px;
		background-color: transparent;
        width:auto;
        text-align: left;
        margin-bottom: 0;
	}
    .local_navigation .local_nav_inner{
        width:auto;
        display: block;
    }
	.local_navigation ul {
        justify-content: space-between;
        width:auto;
        padding:0 10px;
        border:none;
    }
    .local_navigation ul li {
        width:32%;
        padding:0;
        margin-left: 0;
    }
    .local_navigation ul li a ,
    .local_navigation ul li:first-child a {
        font-size:inherit;
        line-height: inherit;
        padding:6px 0;
    }
    .local_navigation + * {
        margin-top:84px;
    }
}
/*--------------------------------------------------
	＜ぱんくず＞
--------------------------------------------------*/
@media screen and (min-width: 641px) {
    .breadcrumb-nav {
        margin-top:60px;/* 53(localnav height)*/
        position: static;
    }

    .container .breadcrumb-nav p {
        font-size:0.7rem;
    }
}
@media screen and (max-width: 640px) {
    .breadcrumb-nav + * {
        margin-top: 84px;
    }
    .container .breadcrumb-nav p {
        font-size:0.72rem;
        line-height:1.4;
    }
}
/*--------------------------------------------------
	＜注釈＞
--------------------------------------------------*/
.container ul.notes li { 
    font-size: 12px;
}
@media screen and (max-width: 640px) {
    .container ul.notes li { 
        font-size: 13px;
        font-weight: 400;
        overflow: hidden；
    }
    .container ul.notes ul.notes {
        width:100%;
    }
}

/*--------------------------------------------------
	＜video動画＞
--------------------------------------------------*/

.container .video_960 {
    width: 960px;
    height: 540px;
    margin: auto;
    position: relative;
}
.container .video_960 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 640px) {
    .container .video_960 {
        width: auto;
        height: 0;
        padding-bottom: 56.25%;
    }
}
/*--------------------------------------------------
	＜背景色／文字色＞
--------------------------------------------------*/
/* ライトグレー */
.bg_lightgray {
	background-color:rgb(191,195,193); 
}
/* ダークグレー */
.bg_darkgray {
	background-color:rgb(40,43,46);
    color:#fff;
}
.bg_darkgray a {
	color:#fff;
}
/* ピンクグレー  */
.bg_pinkgray {
    background-color: rgb(172,153,152);
}

/*画像はイメージ注釈*/
@media screen and (max-width: 640px) {
    .container .nv_pagetop p {
        background-color: transparent;
    }
}

/*--------------------------------------
        オンラインショップ訴求用CSS     
  --------------------------------------*/
.onlinshop_appeal {
	position:fixed;
	bottom: -80px;
	left:0;
	background-color: #333;
	width: 100%;
	padding-top: 15px;
	height: 65px;
	z-index: 99999;
	color:#fff;
	font-size: 20px;
	min-width: 960px;
}
.onlinshop_appeal a {
	display:inline-block;
	background-color: #fff;
	color:#333;
	text-decoration: none;
	font-size: 18px;
	line-height: 50px;
	padding:0 60px;
	margin-left: 40px;
}
.onlinshop_appeal a:hover {
	opacity:0.8;
}
	/* オンラインショップ訴求リンクある場合の位置調整 */
	.onlinshop_appeal + .nv_pagetop.shiftup a {
		bottom: 85px;
	}
	.onlinshop_appeal + .nv_pagetop.shiftup p {
		bottom: 85px;
	}

@media screen and (max-width: 640px) {
	.onlinshop_appeal {
		bottom: -85px;
		padding-top: 10px;
		height: 75px;
		font-size: 13px;
		min-width:320px;
	}
	.onlinshop_appeal a {
		display:block;
		font-size: 15px;
		line-height: 36px;
		margin: 5px 10px;
	}
		/* オンラインショップ訴求リンクある場合の位置調整 */
		.onlinshop_appeal + .nv_pagetop.shiftup a {
			bottom: 105px;
		}
		.onlinshop_appeal + .nv_pagetop.shiftup p {
			bottom: 85px;
		}
}

/*--------------------------------------
    各要素ごとにフェードイン
--------------------------------------*/
/*
.elem_fade{
    opacity: 0.0;
    transition: 0.6s all ease-in-out;
}
.elem_fade.f_right{
    transform: translateX(50px);
}
.elem_fade.f_left{
    transform: translateX(-40px);
}
.elem_fade.f_bottom{
    transform: translateY(40px);
}
.elem_fade.f_large{
    transform: scale(1.2)
}
.elem_fade.in {
    opacity:1;
    transform: none !important;
}
.elem_inorder &gt; * {
    opacity: 0.0;
    transition: 0.6s all ease-in-out;
}
.elem_inorder .f_bottom{
    transform: translateY(40px);
}
.elem_inorder &gt; .in {
    opacity:1;
    transform: none !important;
}
@media screen and (max-width: 640px) {
    .elem_fade{
        transition: 0.8s all ease-in-out;
    }
    .elem_fade.f_bottom{
        transform: translateY(20px);
    }
}
*/

/*--------------------------------------
    個別機種用フッター内SNSバナー
--------------------------------------*/
.containerFooter .snsBanner {
	position: relative;
	margin-bottom:0;
	text-align: center;
	background-color: #eee;
	padding:30px 0;
}
.containerFooter .snsBanner li a {
    background-color: #fff !important;
}
.containerFooter .snsBanner li.fb a {
	width: 300px;
}
.containerFooter .snsBanner li.ml a {
	width: 300px;
}
.snsBanner li.ml a span {
	line-height: 32px;
}
@media screen and (max-width: 640px) {
	.containerFooter .snsBanner {
		padding:15px 0;
	}
}
</pre></body></html>