@charset "Shift_JIS";

/* =================================================================================================
　セゾンポイントモール - 新ヘッダ2
　https://www.a-q-f.com/
　Copyright (C) CREDIT SAISON CO.,LTD. All Right Reserved.
================================================================================================= */




/* ----------------------------------------------------------------------------
　フォント
---------------------------------------------------------------------------- */
@import url(/saison/font/Noto-Sans-Japanese/font.css);



/* ----------------------------------------------------------------------------
　画像ぼやけ対策
---------------------------------------------------------------------------- */
#new_header2 img{
	-webkit-backface-visibility: hidden;
}



/* ----------------------------------------------------------------------------
　全体
---------------------------------------------------------------------------- */
body{
	background-color:#fff;
	min-width:950px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/* ----------------------------------------------------------------------------
　リセット
---------------------------------------------------------------------------- */
#new_header2 h1,#new_header2 h2,#new_header2 h3,#new_header2 h4,#new_header2 h5,#new_header2 ul,#new_header2 li,#new_header2 dl,#new_header2 dt,#new_header2 dd,#new_header2 p,#new_header2 a,#new_header2 strong,#new_header2 address{
	margin:0; padding:0; text-align:left;
}
#new_header2 ul,#new_header2 li{
	list-style:none; list-style-position:inside; text-indent:0em;
}

#new_header2 a {
  outline: 0;
}
#new_header2 .clearfix {
  display: inline-block;
}
/* Exclude Mac IE \*/
#new_header2 .clearfix {
  display: block;
}
/**/
#new_header2 .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#new_header2 img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}


/* ----------------------------------------------------------------------------
　ヘッダ大外
---------------------------------------------------------------------------- */
#new_header2{
	border-bottom:1px solid #e4e7f4;
	
	font-family: "Noto Sans Japanese","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	background-color:#fff;
}

#new_header2 .nh2_liquid{
	margin:0 auto;
	position:relative;
}

/* ロゴ */
#new_header2 .nh2_logo{
	width:22%;/*newlogo追加*/
	/*width:9.5%;リニューアル前20230315*/
	position:absolute;
	top:0px;
	left:0.5%;
	display:flex;
	/*align-items : center;リニューアル前20230315*/	
	/* height:100%;  */
	top: 25px;/*newlogo追加*/
}
#new_header2 .nh2_logo img{
	width:100%;
}
#new_header2 .nh2_logo a{
	transition: 0.2s ease-in-out;
}
#new_header2 .nh2_logo a:hover{
	opacity:0.8;
}


@media screen and (max-width:1200px){
#new_header2 .nh2_logo{
	width:10%;
}
}



/* ----------------------------------------------------------------------------
　上段ヘッダオプション
---------------------------------------------------------------------------- */
#new_header2 .nh2_option{
	padding-left:13%;
	display:flex;
	padding:18px 0 8px 12%;
	height:42px;
	justify-content: flex-end;
}
@media screen and (max-width:1200px){
#new_header2 .nh2_option{
	padding:5px 0 5px 12%;
	height:auto;
}
}


#new_header2 .nh2_option_block01{
	display:flex;
	align-items : center;
	flex:1 1 auto;
	justify-content: right;/*20230315追加*/
}
#new_header2 .nh2_option_block02{
	display:flex;
	align-items : center;
	justify-content: flex-end;
	/*flex:1 1 auto;*/
	flex:0.4 1 auto;
}


#new_header2 .nh2_option .nh2_option_block01 li{
	margin-right:1%;
}
/*#new_header2 .nh2_option .nh2_option_block01 li{
	margin-right:1.5%;
}*/
#new_header2 .nh2_option .nh2_option_block01 li:last-of-type{
	margin-right:0.5%;
}
@media screen and (max-width:1200px){
#new_header2 .nh2_option .nh2_option_block01 li{
	margin-right:0.5%;
}
}



#new_header2 .nh2_option li a{
	font-size:13px;
	line-height:160%;
	font-weight:500;
	color:#041c8c;
	text-decoration:none;
	display:block;
}




/* 永久不滅ポイント・アクションポイント */
#new_header2 .nh2_option .nh2_point{
	border:1px solid #bcc5d9;
	background: url("/common/pc/img/spm_common/nh2_point.png") 0 center no-repeat;
	background-size:70px auto;
	background-color:#f4f6ff;
	display:flex;
	align-items : center;
}
#new_header2 .nh2_option .nh2_point.last{
	margin-right:1%;
}
#new_header2 .nh2_option .nh2_point .title{
	color:#fff;
	font-size:11px;
	line-height:120%;
	width:70px;
	box-sizing:border-box;
	padding-left:7px;
	/*flex:0 0 70px;
	border:1px solid #F00;*/
}
#new_header2 .nh2_option .nh2_point .value a{
	font-size:11px;
	font-weight:100;
	line-height:120%;
	color:#1d4294;
	display:block;
	padding:5px 17px 5px 8px;
	background: url("/common/pc/img/spm_common/nh2_point_arrow.png") right center no-repeat;
	transition: 0.2s ease-in-out;
}
#new_header2 .nh2_option .nh2_point .value a:hover{
	opacity:0.8;
}
#new_header2 .nh2_option .nh2_point .value a .point{
	font-size:12px;
	line-height:120%;
	font-weight:normal;
	letter-spacing:-0.3px;
}
#new_header2 .nh2_option .nh2_point .value a .point span{
	font-size:14px;
	line-height:120%;
	font-weight:500;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option .nh2_point{
	background-size:55px auto;
}
#new_header2 .nh2_option .nh2_point .title{
	font-size:10px;
	width:48px;
	padding-left:5px;
	letter-spacing:-1.5px;
}
#new_header2 .nh2_option .nh2_point .value a{
	font-size:9px;
	padding:2px 25px 2px 10px;
}
#new_header2 .nh2_option .nh2_point .value a .point{
	font-size:10px;
	letter-spacing:-1px;
}
#new_header2 .nh2_option .nh2_point .value a .point span{
	font-size:12px;
}
}




/* アクションポイントのみのスタイル */
#new_header2 .nh2_option .nh2_point.action{
	background:none;
	background: url("/common/pc/img/spm_common/nh2_point_action.jpg") 70px 0px repeat-y;
}
#new_header2 .nh2_option .nh2_point.action .title{
	color:#1f438d;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option .nh2_point.action{
	background-position:52px 0px;
}
}





/* 交換 */
#new_header2 .nh2_option .nh2_change{
	width:35px;
}
#new_header2 .nh2_option .nh2_change img{
	width:100%;
}
#new_header2 .nh2_option .nh2_change a{
	transition: 0.2s ease-in-out;
}
#new_header2 .nh2_option .nh2_change a:hover{
	opacity:0.8;
}



/* 永久不滅プラス */
#new_header2 .nh2_option .nh2_plus img{
	width:240px;
}
#new_header2 .nh2_option .nh2_plus a{
	transition: 0.2s ease-in-out;
}
#new_header2 .nh2_option .nh2_plus a:hover{
	opacity:0.8;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option .nh2_plus img{
	width:174px;
}
}

/* 左半分 */
/*#new_header2 .nh2_option_block01 .nh2_plus{
	margin-left:8px;
}*/

/* 右半分 */
#new_header2 .nh2_option_block02 .nh2_plus,
#new_header2 .nh2_option_block02 .nh2_guarantee{
	margin-right:15px;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option_block02 .nh2_plus,
#new_header2 .nh2_option_block02 .nh2_guarantee
{
	margin-right:15px;
}
}



/* ポイント安心保証 */
#new_header2 .nh2_option .nh2_guarantee img{
	width:150px;
}
#new_header2 .nh2_option .nh2_guarantee a{
	transition: 0.2s ease-in-out;
}
#new_header2 .nh2_option .nh2_guarantee a:hover{
	opacity:0.8;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option .nh2_guarantee img{
	width:116px;
}
}



/* ネットアンサー */
#new_header2 .nh2_option .nh2_answer{
	white-space:nowrap;
	letter-spacing:-1px;
}
#new_header2 .nh2_option .nh2_answer a:hover{
	text-decoration:underline;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option .nh2_answer{
	/*margin-left:10px;*/
}
#new_header2 .nh2_option .nh2_answer a{
	font-size:10px;
}
}



/* ログアウト */
#new_header2 .nh2_option .nh2_logout{
	margin-left:5px;
	white-space:nowrap;
	padding:0 5%;
}
#new_header2 .nh2_option .nh2_logout a:hover{
	text-decoration:underline;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option .nh2_logout{
	margin-left:3px;
	padding:0 2%;
}
#new_header2 .nh2_option .nh2_logout a{
	font-size:10px;
}
}


/* ログイン */
#new_header2 .nh2_option .nh2_login{
	margin-left:15px;
	position:relative;
	margin-right:20px;
}
#new_header2 .nh2_option .nh2_login a.link_top{
	background: url("/common/pc/img/spm_common/nh2_login.png") center center no-repeat;
	background-size:105px auto;
	padding:11px 40px 11px 60px;
}
#new_header2 .nh2_option .nh2_login.active a.link_top{
	background: url("/common/pc/img/spm_common/nh2_login_active.png") center center no-repeat;
	background-size:105px auto;
	background-color:#1d4294;
	color:#fff;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option .nh2_login{
}
#new_header2 .nh2_option .nh2_login a.link_top{
	font-size:10px;
	background-size:75%;
	padding:11px 25px 11px 35px;
}
#new_header2 .nh2_option .nh2_login.active a.link_top{
	background-size:75%;
}
}




/* ログイン（iframeバージョン） */
#new_header2.iframe_var .nh2_option .nh2_login a.link_top{
	background: url("/common/pc/img/spm_common/nh2_login_iframe.png") 23px center no-repeat;
	background-size:28px auto;
	padding:11px 25px 11px 60px;
}
#new_header2.iframe_var .nh2_option .nh2_login a.link_top:hover span{
	/*background: url("/common/pc/img/spm_common/nh2_login_active_iframe.png") 23px center no-repeat;
	background-size:28px auto;
	background-color:#1d4294;
	color:#fff;*/
	text-decoration:underline;
	color:#041c8c;
}






/* ログインドロップダウン */
#new_header2 .nh2_option .nh2_login .nh2_login_drop{
	position:absolute;
	top:100px;
	left:0px;
	z-index:10000;
	display:none;
	width:360px;
	overflow:hidden;
}
#new_header2 .nh2_option .nh2_login.active .nh2_login_drop{
	padding:0 2px 3px 0;
}


/* ログインドロップダウン（アニメ用） */
#new_header2 .nh2_option .nh2_login .nh2_login_drop .nh2_login_drop_inner{
	border:1px solid #cedce9;
	background-color:#fff;
	-webkit-box-shadow: 0px 2px 2px 0px #d3d8f0; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 2px 2px 0px #d3d8f0; /* Firefox用 */
	box-shadow: 0px 2px 2px 0px #d3d8f0; /* CSS3 */
	transition: 0.25s ease-in-out;
	
	transform: translateY(-50px);
	opacity:0;
}
#new_header2 .nh2_option .nh2_login.active .nh2_login_drop .nh2_login_drop_inner{
	opacity:1;
	transform: translateY(0px);
}


#new_header2 .nh2_option .nh2_login .nh2_login_drop p{
	border-bottom:1px solid #cedce9;
}
#new_header2 .nh2_option .nh2_login .nh2_login_drop p:last-child{
	border-bottom:none;
}
#new_header2 .nh2_option .nh2_login .nh2_login_drop p a{
	font-size:15px;
	line-height:120%;
	font-weight:200;
	color:#041c8c;
	padding:10px;
	display:flex;
	align-items : center;
	background: url("/common/pc/img/spm_common/nh2_login_drop_arrow.png") right center no-repeat;
	background-size:23px auto;
}
#new_header2 .nh2_option .nh2_login .nh2_login_drop p a:hover{
	background-color:#e4e7f4;
}
#new_header2 .nh2_option .nh2_login .nh2_login_drop p a img{
	width:60px;
	margin-right:5px;
}




/* 初めての方 */
#new_header2 .nh2_option .nh2_beginner{
	margin-left:5px;
	white-space:nowrap;
}
#new_header2 .nh2_option .nh2_beginner a{
	background: url("/common/pc/img/spm_common/nh2_beginner.png") 0 center no-repeat;
	background-size:17px auto;
	padding:10px 0 10px 25px;
}
#new_header2 .nh2_option .nh2_beginner a:hover{
	text-decoration:underline;
}
@media screen and (max-width:1270px){
#new_header2 .nh2_option .nh2_beginner{
	margin-left:3px;
}
#new_header2 .nh2_option .nh2_beginner a{
	font-size:10px;
	background-size:15% auto;
	padding:15px 0 15px 15px;
}
}





/* ----------------------------------------------------------------------------
　下段メニュー
---------------------------------------------------------------------------- */
#new_header2 .nh2_menu{
	padding-left:12%;
	display:flex;
	justify-content: flex-end;
	align-items : center;
	
	height:54px;
	overflow:hidden;
}
@media screen and (max-width:1200px){
#new_header2 .nh2_menu{
	height:auto;
}
}

#new_header2 .nh2_menu li{
	box-sizing:border-box;
	border-left:1px solid #e4e7f4;
	transition: 0.2s ease-in-out;
	width:25%;
}



/* 長さ 
#new_header2 .nh2_menu .nh2_shopping{
	width:25%;
}
#new_header2 .nh2_menu .nh2_service{
	width:25%;
}
#new_header2 .nh2_menu .nh2_use{
	width:25%;
}
#new_header2 .nh2_menu .nh2_investment{
	width:25%;
}
#new_header2 .nh2_menu .nh2_borrow{
	width:25%;
}
*/

#new_header2 .nh2_menu li:last-child{
	border-right:1px solid #e4e7f4;
}
#new_header2 .nh2_menu li.active .link_top{
	background-color:#e4e7f4;
	border-bottom:3px solid #e4e7f4;
}




#new_header2 .nh2_menu li a.link_top{
	border-bottom:3px solid #fff;
	transition: 0.2s ease-in-out;
	font-size:14px;
	line-height:150%;
	font-weight:500;
	color:#1d4294;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:12px 0;
}



#new_header2 .nh2_menu li a.link_top br{
	display:none;
}


@media screen and (max-width:1200px){
#new_header2 .nh2_menu li a.link_top{
	font-size:13px;
	line-height:120%;
	padding:5px 0;
}
#new_header2 .nh2_menu li a.link_top br{
	display:inline-block;
}
#new_header2 .nh2_menu li a.link_top .pict{
	text-align:left;
}
}


#new_header2 .nh2_menu li a.link_top .pict{
	display:inline-block;
}
#new_header2 .nh2_menu li a.link_top .arrow{
	display:inline-block;
}



/* 各ピクト */
/* ショッピングで貯める */
#new_header2 .nh2_menu .nh2_shopping a.link_top .pict{
	background: url("/common/pc/img/spm_common/nh2_shopping.png") 0 center no-repeat;
	background-size:29px auto;
	padding:4px 0 2px 28px;
	-webkit-backface-visibility: hidden;

	-ms-interpolation-mode: nearest-neighbor;   /* IE8+ */
	image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
	/*image-rendering: -moz-crisp-edges;*/          /* Firefox (Gecko) */
	image-rendering: -o-crisp-edges;            /* Opera 12.x */
	image-rendering: pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
}
#new_header2 .nh2_menu .nh2_shopping a.link_top .arrow{
	background: url("/common/pc/img/spm_common/nh2_arrow.png") right center no-repeat;
	background-size:8px auto;
	padding:0 15px 0 0;
}
#new_header2 .nh2_menu .nh2_shopping.now a.link_top{
	border-bottom:3px solid #cb29ab;
}

#new_header2 .nh2_menu .nh2_shopping:hover .link_top{
	border-bottom:3px solid #cb29ab;
}

#new_header2.iframe_var .nh2_menu .nh2_shopping:hover .link_top{
	border-bottom:3px solid #cb29ab;
	background-color:#fff;
}



/* サービスで貯める */
#new_header2 .nh2_menu .nh2_service a.link_top .pict{
	background: url("/common/pc/img/spm_common/nh2_service.png") 0 center no-repeat;
	background-size:29px auto;
	padding:4px 0 2px 35px;
	
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+ */
	image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
	/*image-rendering: -moz-crisp-edges;*/          /* Firefox (Gecko) */
	image-rendering: -o-crisp-edges;            /* Opera 12.x */
	image-rendering: pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
}
#new_header2 .nh2_menu .nh2_service a.link_top .arrow{
	background: url("/common/pc/img/spm_common/nh2_arrow.png") right center no-repeat;
	background-size:8px auto;
	padding:0 15px 0 0;
}
#new_header2 .nh2_menu .nh2_service.now a.link_top{
	border-bottom:3px solid #17a15b;
}

#new_header2 .nh2_menu .nh2_service:hover .link_top{
	border-bottom:3px solid #17a15b;
}

#new_header2.iframe_var .nh2_menu .nh2_service:hover .link_top{
	border-bottom:3px solid #17a15b;
	background-color:#fff;
}



/* ポイントを使う・交換する */
#new_header2 .nh2_menu .nh2_use a.link_top .pict{
	background: url("/common/pc/img/spm_common/nh2_use.png") 0 center no-repeat;
	background-size:29px auto;
	padding:4px 0 2px 35px;
	
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+ */
	image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
	/*image-rendering: -moz-crisp-edges;*/          /* Firefox (Gecko) */
	image-rendering: -o-crisp-edges;            /* Opera 12.x */
	image-rendering: pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
}
#new_header2 .nh2_menu .nh2_use.now a.link_top{
	border-bottom:3px solid #e66c00;
}
#new_header2 .nh2_menu .nh2_use:hover .link_top{
	border-bottom:3px solid #e66c00;
}



/* ポイントを運用する */
#new_header2 .nh2_menu .nh2_investment a.link_top .pict{
	background: url("/common/pc/img/spm_common/nh2_investment.png") 0 center no-repeat;
	background-size:29px auto;
	padding:4px 0 2px 38px;
	
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+ */
	image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
	/*image-rendering: -moz-crisp-edges;*/          /* Firefox (Gecko) */
	image-rendering: -o-crisp-edges;            /* Opera 12.x */
	image-rendering: pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
}
#new_header2 .nh2_menu .nh2_investment.now a.link_top{
	border-bottom:3px solid #287ccb;
}
#new_header2 .nh2_menu .nh2_investment:hover .link_top{
	background-color:#fff;
	border-bottom:3px solid #287ccb;
}


/* ポイントを借りる */
#new_header2 .nh2_menu .nh2_borrow a.link_top .pict{
	background: url("/common/pc/img/spm_common/nh2_borrow.png") 0 center no-repeat;
	background-size:29px auto;
	padding:4px 0 2px 38px;
	
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+ */
	image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
	/*image-rendering: -moz-crisp-edges;*/          /* Firefox (Gecko) */
	image-rendering: -o-crisp-edges;            /* Opera 12.x */
	image-rendering: pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
}
#new_header2 .nh2_menu .nh2_borrow.now a.link_top{
	border-bottom:3px solid #8457b3;
}
#new_header2 .nh2_menu .nh2_borrow:hover .link_top{
	background-color:#fff;
	border-bottom:3px solid #8457b3;
}




/* ----------------------------------------------------------------------------
　ドロップダウン
---------------------------------------------------------------------------- */
#new_header2 .nh2_drop{
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
	width:100%;
	display:none;
	overflow:hidden;
}

/* ドロップダウン（アニメ用） */
#new_header2 .nh2_menu li .nh2_drop_anime{
	background-color:#e4e7f4;
	width:100%;
	padding:20px 0 40px;
	transition: 0.3s ease-in-out;
	opacity:0;
	transform: translateY(-100px);
	display: none;
}
#new_header2 .nh2_menu li.active .nh2_drop_anime{
	display: block;
	animation: nh2DropAnime 0.3s ease-in-out .0s forwards;
}
@keyframes nh2DropAnime{
	0%{
		opacity: 0;
		transform: translateY(-100px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}




#new_header2 .nh2_drop .nh2_liquid{
	margin:0 auto;
	position:relative;
	display:flex;
	justify-content : center;
}
#new_header2 .nh2_drop .nh2_drop_list{
	width:21%;
	margin-right:10%;
}



/* メニュー2列 */
#new_header2 .nh2_drop .nh2_drop_list.column2{
	width:54%;
	margin-right:0%;
}
#new_header2 .nh2_drop .nh2_drop_list.column2 .column_inner{
	display:flex;
	flex-wrap:wrap; /* 折り返す */
}
#new_header2 .nh2_drop .nh2_drop_list.column2 .column_inner p{
	width:46%;
	margin-right:8%;
}
#new_header2 .nh2_drop .nh2_drop_list.column2 .column_inner p:nth-child(2n){
	margin-right:0%;
}



/* メニュー3列 */
#new_header2 .nh2_drop .nh2_drop_list.column3{
	width:67%;
	margin-right:0%;
}
#new_header2 .nh2_drop .nh2_drop_list.column3 .column_inner{
	display:flex;
	flex-wrap:wrap; /* 折り返す */
}
#new_header2 .nh2_drop .nh2_drop_list.column3 .column_inner p{
	width:30%;
	margin-right:5%;
}
#new_header2 .nh2_drop .nh2_drop_list.column3 .column_inner p:nth-child(3n){
	margin-right:0%;
}




#new_header2 .nh2_drop .nh2_drop_list:last-child{
	margin-right:0%;
}

#new_header2 .nh2_drop .nh2_drop_list p a{
	font-size:15px;
	font-weight:200;
	color:#1d4294;
	text-decoration:none;
	border-bottom:1px dotted #1d4294;
	display:block;
	padding:14px 20px 14px 0;
	background: url("/common/pc/img/spm_common/nh2_drop_arrow.png") right center no-repeat;
}
#new_header2 .nh2_drop .nh2_drop_list p.category a{
	font-weight:500;
	border-bottom:1px solid #1d4294;
	background: url("/common/pc/img/spm_common/nh2_drop_arrow_category.png") right center no-repeat;
}
#new_header2 .nh2_drop .nh2_drop_list p a .small{
	font-size:12px;
	font-weight:200;
}
#new_header2 .nh2_drop .nh2_drop_list p a .tool{
	font-size:12px;
	background-color:#c5ccf1;
	border-radius: 100px;
	padding:0 10px;
	margin-left:10px;
}
#new_header2 .nh2_drop .nh2_drop_list p a:hover{
	opacity:0.8;
}
#new_header2 .nh2_drop .nh2_drop_list p a.off{
	background:none;
	cursor:default;
}
#new_header2 .nh2_drop .nh2_drop_list p a.off:hover{
	opacity:1;
}


@media screen and (max-width:1200px){
#new_header2 .nh2_drop .nh2_drop_list p a{
	font-size:13px;
}
#new_header2 .nh2_drop .nh2_drop_list p a .small{
	font-size:10px;
	display:block;
}
#new_header2 .nh2_drop .nh2_drop_list p a .tool{
	font-size:10px;
}
}



/* ----------------------------------------------------------------------------
　パンくずナビ
---------------------------------------------------------------------------- */
ul#breadCrumb{
	margin-top:10px !important;
}





/* ----------------------------------------------------------------------------
　ウォークスルー画面
---------------------------------------------------------------------------- */

/* リセット */
#walk_through,
#walk_through h1,
#walk_through h2,
#walk_through h3,
#walk_through h4,
#walk_through h5,
#walk_through ul,
#walk_through li,
#walk_through dl,
#walk_through dt,
#walk_through dd,
#walk_through p,
#walk_through strong,
#walk_through address{
	margin:0;
	padding:0;
}
#walk_through ul,
#walk_through li{
	list-style:none;
}


#walk_through{
	width:700px;
	height:400px;
	position:fixed;
	left:calc((100% - 700px) / 2);
	
	background: url("/common/pc/img/top/wt_slide_bg.jpg") center center no-repeat;
	z-index:10001;
	display:none;
	
	border-radius: 5px;
}

/* 背景 */
#wt_bg{
	background-color: rgba(0,0,0,0.85);
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
	width:100%;
	height:100%;
	display:none;
}


/* 閉じる */
#walk_through .wt_close a{
	display:block;
	position:absolute;
	top:-57px;
	right:0px;
	z-index:2;
}
#walk_through .wt_close a:hover{
	opacity:0.8;
}


/* 次へ */
#walk_through .wt_next a{
	position:absolute;
	top:0px;
	right:-45px;
	width:45px;
	height:100%;
	z-index:2;
	display:block;
	background: url("/common/pc/img/top/wt_next.png") center center no-repeat;
	text-indent:-9999px;
	outline:0;
}
#walk_through .wt_next a:hover{
	opacity:0.8;
}


/* 前へ */
#walk_through .wt_prev a{
	position:absolute;
	top:0px;
	left:-45px;
	width:45px;
	height:100%;
	z-index:2;
	display:block;
	background: url("/common/pc/img/top/wt_prev.png") center center no-repeat;
	text-indent:-9999px;
	outline:0;
}
#walk_through .wt_prev a:hover{
	opacity:0.8;
}


#walk_through .wt_slide_wrapper{
	position:relative;
	width:700px;
	margin:0 auto;
	overflow:hidden;
}
#walk_through .wt_slide_long{
	position:absolute;
	top:0px;
	left:0px;
	width:2100px;
}

#walk_through .wt_slide_long{display: inline-block;}
/* Exclude Mac IE \*/
#walk_through .wt_slide_long{display: block;}
/**/
#walk_through .wt_slide_long:after{content:".";display:block;clear:both;height:0;visibility: hidden;}


#walk_through .wt_slide{
	text-align:center;
	width:700px;
	height:400px;
	position:relative;
	float:left;
}
#walk_through .wt_slide img{
	width:100%;
}


/* ページング */
#walk_through .wt_paging{
	text-align:center;
	position:absolute;
	bottom:-40px;
	left:0px;
	width:100%;
	text-align:center;
}
#walk_through .wt_paging li{
	display:inline-block;
	width:12px;
	height:12px;
	box-sizing:border-box;
	border:1px solid #cbd6ee;
	text-indent:-9999px;
	border-radius: 100px;
	margin:0 10px;
	cursor:pointer;
}
#walk_through .wt_paging li.active{
	background-color:#cbd6ee;
	border:1px solid #cbd6ee;
}


#walk_through .wt_title{
	padding-top:60px;
	margin-bottom:30px;
}


#walk_through .wt_shop{
	display:flex;
	justify-content : center;
	flex-wrap:wrap; /* 折り返す */
	width:400px;
	margin:0 auto 10px;
}
#walk_through .wt_shop li{
	margin:0 20px 20px 0;
}
#walk_through .wt_shop li:nth-child(4n){
	margin:0 0 20px 0;
}


#walk_through .wt_use a{
	display:block;
	background-color:#1d4294;
	border-radius: 3px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	width:240px;
	height:50px;
	font-size:20px;
	line-height:50px;
	margin:0 auto;
}
#walk_through .wt_use a:hover{
	opacity:0.8;
}

#walk_through .wt_beginner a{
	background: url("/common/pc/img/top/wt_beginner.png") 0 center no-repeat;
	background-size:17px auto;
	padding:4px 0 4px 25px;
	color:#000;
	position:absolute;
	right:20px;
	bottom:20px;
}

/*newアイコン*/
#new_header2 .nh2_drop .nh2_drop_list.column2 .column_inner p.new{
    position: relative;
 
}
#new_header2 .nh2_drop .nh2_drop_list.column2 .column_inner p.new a{
	text-indent: 52px;
 
}
#new_header2 .nh2_drop .nh2_drop_list.column2 .column_inner p.new::before{
    position: absolute;
    content: "NEW";
    text-align: center;
    top: 10px;
    left: 0;
    background-color: #bb3aa6;
	border-radius: 20px;
    color: #ffffff;
    padding: 5px 10px;
	
}

/* ----------------------------------------------------------------------------
  nh2_message
---------------------------------------------------------------------------- */
.header_message_wrapper {
	display: none;
        font-size: 0;
}
#header_message {
	display: none;
}
html.page-sitetop #header_message {
	display: block;
}
html.page-sitetop .header_message_wrapper {
	display: block;
}
#header_message.header_message {
    width: 100%;
    color: #fff;
    /* background: #143F99; */
    background: #4BAE70;
}
#header_message.header_message * {
    box-sizing: border-box;
}
#header_message .header_message_link {
    display: block;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.2s;
}
#header_message .header_message_link:hover {
    opacity: 0.8;
}
#header_message .header_message_inner {
    padding: 6px 10px;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    min-height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#header_message .header_message_text {
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}
.header_message_wrapper.theme-pc .pc-only {
    display: block;
}

/* ----------------------------------------------------------------------------
  cpPopup
---------------------------------------------------------------------------- */
.cpPopup, .cpPopup * {
    box-sizing: border-box;
}
.cpPopup {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-radius: 4px;
}

.cpPopup.cpPopup--sp {
    right: auto;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s;
}
.cpPopup.cpPopup--sp .cpPopupBanner {
    margin-bottom: 0;
}
.cpPopupInner {
    position: relative;
    padding: 10px 10px;
    display: block;
    transition: opacity 0.2s;
}
.cpPopupInner:hover,
.cpPopupInner:active,
.cpPopupInner:focus {
    opacity: 0.8;
}
.cpPopup.is-show {
    display: block;
}
.cpPopup.is-hide {
    display: none;
}
.cpPopup.cpPopup--sp.is-scrollDown {
    bottom: 8px;
}
.cpPopup-overlay.visible {
    display: block;
}
.cpPopupBanner {
    display: block;
}
.cpPopupLink {
    display: block;
    background: red;
    padding: 12px 16px 10px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 1.25;
    border-radius: 2px;
}
.cpPopupLink:hover,
.cpPopupLink:active,
.cpPopupLink:focus,
.cpPopupLink:visited {
    color: #fff;
    text-decoration: none;
}
.cpPopupClose {
    position: absolute;
    top: -14px;
    right: -14px;
    background: gray;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}
.cpPopupClose::before,
.cpPopupClose::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 15px;
    background: #fff;
    border-radius: 2.5px;
}
.cpPopup.cpPopup--sp .cpPopupClose {
    width: 26px;
    height: 26px;
    right: -8px;
    top: -18px;
}
.cpPopup.cpPopup--sp .cpPopupClose::before,
.cpPopup.cpPopup--sp .cpPopupClose::after {
    height: 14px;
}
.cpPopupClose::before {
    transform: translate(-50%,-50%) rotate(45deg);
}
 
.cpPopupClose::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}

/* --------------------------------------------
 キャンペーン ポップアップ
-------------------------------------------- */
.campaignPopup {
    position: fixed;
    z-index: 200000;
    top: 68px;
    right: 16px;
    box-sizing: border-box;
    max-width: 220px;
    width: 100%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(-15px);
    visibility: hidden;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 6px;
}
@keyframes fadeInPopup {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.campaignPopup.is-show {
    animation: fadeInPopup 0.3s ease-out forwards;
    animation-delay: 0.5s;
    visibility: visible;
}
.campaignPopup * {
    box-sizing: border-box !important;
}
.campaignPopup .campaignPopup-inner {
    position: relative;
    background: #fff;
    z-index: 100;
    border-radius: 6px;
}
.campaignPopup button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
.campaignPopup .campaignPopup-content {
    border-radius: 4px;
    display: block;
    color: #333;
    text-decoration: none;
    transition: all 0.2s;
    overflow: hidden;
}
.campaignPopup .campaignPopup-content:hover,
.campaignPopup .campaignPopup-content:visited {
    color: #333;
    text-decoration: none;
}
@media (hover: hover){
  .campaignPopup .campaignPopup-content:hover {
    opacity: 0.8;
  }
}
.campaignPopup .campaignPopup-header {
    background: #003d90;
    color: #fff;
    padding: 2px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
}
.campaignPopup .campaignPopup-title {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.campaignPopup .campaignPopup-body {
    background: #fff;
    padding: 4px 8px 8px;
}
.campaignPopup .campaignPopup-image {
    text-align: center;
    margin-bottom: 10px;
}
.campaignPopup .campaignPopup-image img {
    max-width: 120px;
}
.campaignPopup .campaignPopup-textList {
    margin: 0 -2px 8px;
    padding-left: 0;
    list-style-type: none;
}
.campaignPopup .campaignPopup-textList > li {    
    margin-bottom: 6px;
    padding-left: 20px;
    font-size: 12px;
    position: relative;
    font-feature-settings: "palt";
}
.campaignPopup .campaignPopup-textList > li:last-child {
    margin-bottom: 0;
}
.campaignPopup .campaignPopup-textList > li::before {
  content: "";
  position: absolute;
  top: calc(50% + -3px);
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("https://www.a-q-f.com/common/pc/img/contents/detail/popup-toolar-thumbsup.png") center center no-repeat;
  background-size: contain;
}
.campaignPopup .campaignPopup-footer {
    text-align: center;
    padding: 16px 16px;
}
.campaignPopup .campaignPopup-button {
    background: #df0025;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 2px 0 0 #7f0015;
    width: 100%;
}
.campaignPopup .campaignPopup-buttonInner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 7px 16px 4px;
    display: flex;
    justify-content: center;
}
.campaignPopup .campaignPopup-button:visited {
    color: #fff;
}
.campaignPopup .campaignPopup-buttonInner::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 9px;
    height: 13px;
    background: url("https://www.a-q-f.com/common/pc/img/contents/detail/popup-toolar-arrow_right.png") center center no-repeat;
    background-size: contain;
}
.campaignPopup .campaignPopup-buttonText {
    position: relative;
    font-size: 15px;
}
.campaignPopup .campaignPopup-buttonClose {
    position: absolute;
    background: #9b9c9d;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    top: -23px;
    right: -15px;
    border: #fff 1px solid;
    transition: all 0.2s;
    z-index: 150;
}
.campaignPopup .campaignPopup-buttonClose:hover {
    background-color: #b2b2b2;
}
.campaignPopup .campaignPopup-buttonClose::before,
.campaignPopup .campaignPopup-buttonClose::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 14px;
    background: #fff;
    border-radius: 2.5px;
    transition: all 0.2s;
}
.campaignPopup .campaignPopup-buttonClose::before {
    transform: translate(-50%,-50%) rotate(45deg);
}
.campaignPopup .campaignPopup-buttonClose::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}
/* ----------------------------------------------------------------------------
  popupNotice
---------------------------------------------------------------------------- */
.popupNotice, .popupNotice * {
    box-sizing: border-box;
}
.popupNotice {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 100000000;
    border-radius: 4px;
    max-width: 400px;
}
.popupNotice-wrapper.theme-sp .popupNotice {
    right: auto;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s;
    width: calc(100% - 22px);
    max-width: 640px;
}
.popupNotice-wrapper.theme-sp .popupNotice .popupNoticeBanner {
    margin-bottom: 0;
}
.popupNoticeInner {
    position: relative;
    padding: 10px 10px;
    display: block;
    transition: opacity 0.2s;
    text-decoration: none;
}
.popupNoticeInner:hover,
.popupNoticeInner:active,
.popupNoticeInner:focus {
    opacity: 0.8;
}
.popupNotice.is-show {
    display: block;
}
.popupNotice.is-hide {
    display: none;
}
.popupNotice-wrapper.theme-sp .popupNotice.is-scrollDown {
    bottom: 8px;
}
.popupNotice-overlay.visible {
    display: block;
}
.popupNoticeBanner {
    display: block;
}
.popupNoticeBanner img {
    display: none;
    max-width: 100%;
}
.popupNoticeBanner img.is-show {
    display: block;
}
.popupNoticeLink {
    display: block;
    background: red;
    padding: 12px 16px 10px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 1.25;
    border-radius: 2px;
}
.popupNoticeLink:hover,
.popupNoticeLink:active,
.popupNoticeLink:focus,
.popupNoticeLink:visited {
    color: #fff;
    text-decoration: none;
}
.popupNoticeClose {
    position: absolute;
    top: -14px;
    right: -14px;
    background: gray;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}
.popupNoticeClose::before,
.popupNoticeClose::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 15px;
    background: #fff;
    border-radius: 2.5px;
}
.popupNotice-wrapper.theme-sp .popupNotice .popupNoticeClose {
    width: 26px;
    height: 26px;
    right: -8px;
    top: -18px;
}
.popupNotice-wrapper.theme-sp .popupNotice .popupNoticeClose::before,
.popupNotice-wrapper.theme-sp .popupNotice .popupNoticeClose::after {
    height: 14px;
}
.popupNoticeClose::before {
    transform: translate(-50%,-50%) rotate(45deg);
}
.popupNoticeClose::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}
.popupNoticeButton {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 38px;
    font-size: 14px;
    background: #CC0100;
    color: #fff;
    margin-top: 10px;
    border-radius: 4px;
}
.popupNotice-wrapepr.theme-sp .popupNoticeButton {
    display: none;
}

.popupNoticeBanner-titleGroup {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    flex-direction: column;
    gap: 8px;
}
.popupNoticeBanner-titleIcon {
    max-width: 88px;
}
.popupNotice-wrapper.theme-sp .popupNotice.theme-text .popupNoticeButton {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 34px;
    font-size: 12px;
    background: #CC0100;
    color: #fff;
    margin-top: 8px;
    border-radius: 4px;
}
.popupNotice-wrapper.theme-sp .popupNoticeBanner-titleIcon {
    display: none;
}
.popupNoticeBanner-title {
    display: block;
    text-align: center;
    color: #E50111;
    font-size: 18px;
    font-weight: bold;
}
.popupNotice-wrapper.theme-sp .popupNoticeBanner-title {
    font-size: 14px;
}
.popupNoticeBanner-text {
    display: block;
    text-align: center;
    color: #333;
    font-size: 14px;
    text-align: center;
}
.popupNotice-wrapper.theme-sp .popupNoticeBanner-text {
    font-size: 14px;
}
.popupNotice.theme-text .popupNoticeBanner-titleIcon > img {
    display: inline-block;
}