@charset "utf-8";

/*PCSP共通設定
section:nth-of-type(odd){background-color:#f0f0f0;}
section:nth-of-type(even){background-color:#fff;}
*/

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
font-size: 10px;
margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
font-size: 12px;
margin: 0 1%;
}
/*h2 {
font-size: 20px;
font-weight: bold;
text-align: center;
border-bottom: 5px dotted #111;
margin: 0 auto 3%;
padding-bottom: 5px;
width: 94%;
clear: both;
}*/
.inner{
width: 96%;
margin: 0 2%;
padding: 24px 0;
box-sizing: border-box;
}

}

/*760px以上*/
@media screen and (min-width: 760px) {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
width: 100%;
max-width:970px;
min-width:760px;
margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
width: 100%;
margin: 0 auto;
display: block;
font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
font-size: 14px;
width: auto;
max-width: 970px;
margin: 0 auto 5px;
}
/*h2 {
font-size: 24px;
font-weight: bold;
text-align: center;
border-bottom: 5px dotted #111;
margin-bottom: 3%;
padding-bottom: 5px;
clear: both;
}*/
.inner{
width: 96%;
max-width:970px;
margin: 0 auto;
padding:50px 0;
display: block;
}
u{text-decoration-color: red;}
/*title*/
img#mainphoto {
width: 100%;
max-width:970px;
margin:0 auto 2%;
display:block;
}

}

/*sort style ---------------------------------*/
.is-hide {
  display: none;
}

/*=======================================
UNIQUE SETTING Add 230112 by MIMOAGENT
=======================================*/

.page_cz__wrap * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.page_cz__wrap {line-height: 1.6;}

.page_cz__wrap .fx {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.page_cz__wrap .fx_row_2 > *,
.page_cz__wrap .fx_row_3 > *,
.page_cz__wrap .fx_row_4 > * {width:100%;}


@media screen and (min-width: 760px) {
.page_cz__wrap {font-size:16px;}

.page_cz__wrap .fx_row_2 > * {width:48.6%;}
.page_cz__wrap .fx_row_3 > * {width:31.33%;}
.page_cz__wrap .fx_row_4 > * {width:23%;}
}

.page_cz__wrap h2,
.page_cz__wrap #JblueCredit h2 {
border-bottom:1px solid #888;
color:#158122;
display: flex;
align-items: center;
font-size:20px;
font-weight: 700;
margin-bottom: 2em;
padding:0 0 .75em 56px;
position: relative;
}
.page_cz__wrap h2::before,
.page_cz__wrap #JblueCredit h2::before {
background: url(../../images/ttl_icon.png) no-repeat;
background-size: cover;
content:'';
display: block;
height:48px;
width: 48px;
position:absolute;
left:0;
}
.page_cz__wrap h2::after,
.page_cz__wrap #JblueCredit h2::after {
background-color: #158122;
content:'';
display: block;
height:4px;
width: 64px;
position:absolute;
left:0;
bottom:-4px;
}

.page_cz__wrap #JblueCredit h2 {
color:#007CBA;
}
.page_cz__wrap #JblueCredit h2::before {
background: url(../../images/ttl_icon2.png) no-repeat;
background-size: cover;
content:'';
display: block;
height:48px;
width: 48px;
position:absolute;
left:0;
}
.page_cz__wrap #JblueCredit h2::after {
background-color: #007CBA;
}


.page_cz__wrap .headline {
color:#158122;
font-size:16px;
margin:3em auto 1em;
text-align: center;
position: relative;
}
.page_cz__wrap .headline > span {
background-color: #fff;
padding: 0 1em;
}
.page_cz__wrap .headline span::before {
background-color: #158122;
content:'';
display: block;
height:1px;
width:14em;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
z-index: -1;
}
.page_cz__wrap .headline.area span::before {width:20em}


@media screen and (min-width: 760px) {
.page_cz__wrap h2 {font-size:24px;}
.page_cz__wrap .headline {font-size:20px;}
}

.page_cz__wrap img {
border: none;
border-style: none;
height: auto;
max-width: 100%;
width: auto;
}
.page_cz__wrap figure {
margin:0;
padding:0;
}

.page_cz__wrap .kv {
background: url(../../images/bg_kv.jpg) no-repeat 50%;
background-size: cover;
}
.page_cz__wrap .kv img {
display: block;
margin:auto;
max-width: 970px;
width: 100%;
}

.page_cz__wrap .page_Anchor {
background: rgb(17,153,84);
background: linear-gradient(90deg, rgba(17,153,84,1) 0%, rgba(93,194,49,1) 50%, rgba(17,153,84,1) 100%);
}
.page_cz__wrap .page_Anchor a {
color:#fff;
display: block;
font-weight: 700;
}
.page_cz__wrap .page_Anchor__inner {
margin:auto;
width: 100%;
}
.page_cz__wrap .page_Anchor__inner ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.page_cz__wrap .page_Anchor__inner li {
border:1px solid #fff;
border-top: none;
font-size:13px;
text-align: center;
width:calc(100% / 2);
}
.page_cz__wrap .page_Anchor__inner li:nth-child(even) {border-left:none;}
.page_cz__wrap .page_Anchor__inner li a {padding: 1em;}


@media screen and (min-width: 760px) {
.page_cz__wrap .page_Anchor__inner {padding: 1em 0;}
.page_cz__wrap .page_Anchor__inner li {
border: none;
font-size:16px;
margin:0 .75em;
width:auto;
position: relative;
}
.page_cz__wrap .page_Anchor__inner li a {padding: 0;}
.page_cz__wrap .page_Anchor__inner li:not(:last-child)::after {
background-color: #fff;
content:'';
display: block;
height:1.5em;
width:1px;
position: absolute;
right:-.75em;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
}

.page_cz__wrap .page_intro {margin-top:2em;}
.page_cz__wrap .page_intro .txt_lead {
font-size:15px;
line-height: 2;
}

.page_cz__wrap .note,
.page_cz__wrap #JblueCredit .note {
background-color: #dbebdd;
margin:2em 0;
padding: 1em 2em;
}
.page_cz__wrap .note p > em {
color:#158122;
display: block;
font-size:15px;
font-weight: 700;
margin-bottom: .5em;
text-align: center;
}
.page_cz__wrap #JblueCredit .note {
background-color: #dbe2eb;
}


@media screen and (min-width: 760px) {
.page_cz__wrap .page_intro .txt_lead {font-size:18px;}
.page_cz__wrap .note p > em {font-size:18px;}
}


.page_cz__wrap #cz02 .target dl {margin-bottom: 2em;}
.page_cz__wrap #cz02 .target dt {
background-color: #158122;
border:1px solid #158122;
color:#fff;
font-size:16px;
line-height: 40px;
text-align: center;
}
.page_cz__wrap #cz02 .target dd {
border:1px solid #158122;
color:#158122;
font-size:20px;
line-height: 40px;
text-align: center;
}

.page_cz__wrap #cz02 .progress {margin-top:2em;}

/*目標値なしの場合*/
/*.page_cz__wrap #cz02 .progress_inner {
background: url(../../images/bg_target.png) 50% no-repeat;
background-size: contain;
height: 214px;
text-align: center;
position: relative;
}
.page_cz__wrap #cz02 .progress p {
display: inline-block;
font-size:25px;
font-weight: 700;
white-space: nowrap;
position: absolute;
top:55%; /* 50 */
/*
left:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
line-height: 1;
}
.page_cz__wrap #cz02 .progress p em {
color:#158122;
font-size:138.1%;
}
.page_cz__wrap #cz02 .progress p span {
display: block;
font-size:12px;
font-weight: 300;
text-align: right;
padding-right: 30px;
}
*/

/*目標値ありの場合*/
.page_cz__wrap #cz02 .progress dl {
background: url(../../images/bg_target.png) 50% no-repeat;
background-size: contain;
height: 214px;
text-align: center;
}
.page_cz__wrap #cz02 .progress dt {
font-size:18px;
font-weight: 700;
margin-bottom: -5px;
padding-top: 85px;
}
.page_cz__wrap #cz02 .progress dd,
.page_cz__wrap #cz02 .progress p{
display: inline-block;
font-size:20px;
font-weight: 700;
line-height: 1.4;
}
.page_cz__wrap #cz02 .progress p{
display: block;
font-size:17px;
margin-top: 15px;
text-align: center;
}
.page_cz__wrap #cz02 .progress dd em,
.page_cz__wrap #cz02 .progress p em{
color:#158122;
font-size:138.1%;
}
.page_cz__wrap #cz02 .progress dd span,
.page_cz__wrap #cz02 .progress p span {
display: block;
font-size:12px;
font-weight: 300;
text-align: center;
}
.page_cz__wrap #cz02 .progress p span {
display: inline;
}

.page_cz__wrap #cz02 .tb_overwrap {margin:1em auto;}

.page_cz__wrap .tb_overwrap {
overflow:auto;
width: 100%;
height:calc(100vh/3);
}
.page_cz__wrap .cell_fix1 {
position: sticky;
top:0;
left:0;
z-index: 2;
}
.page_cz__wrap .cell_fix2 {
position: sticky;
top:0;
left:0;
z-index: 1;
}
.page_cz__wrap .cell_fix1::before,
.page_cz__wrap .cell_fix2::before {
border-top:1px solid #999;
content:'';
height:100%;
width: 100%;
position:absolute;
top:-1px;
left:-1px;
}

.page_cz__wrap .tb_progress {width:100%;}
.page_cz__wrap .tb_progress th,
.page_cz__wrap .tb_progress td {
border:1px solid #999;
padding: .5em;
text-align: center;
white-space:nowrap;
}
.page_cz__wrap .tb_progress th {
background-color: #333;
color:#fff;
}

.page_cz__wrap .tb_progress .unit {
display: block;
font-size:10px;
}

.page_cz__wrap .tb_progress td:not(:first-child) {text-align: right;}

.page_cz__wrap .tb_progress td.cell_fix2::before {
background-color: #fff;
border:1px solid #999;
z-index: -1;
}
.page_cz__wrap .tb_progress .ic_new {
background-color: #158122;
color:#fff;
display: inline-block;
font-size:10px;
line-height: 12px;
margin-left: 4px;
padding:2px 4px;
position: relative;
top:-2px
}


@media screen and (min-width: 760px) {
.page_cz__wrap #cz02 .target dt {font-size:20px;}
.page_cz__wrap #cz02 .target dd {font-size:24px;}

.page_cz__wrap #cz02 .progress {
margin-top:0;
/*width:45.68%;*/
}
.page_cz__wrap #cz02 .progress dt {
	font-size:21px;
	padding-top: 75px;
}
.page_cz__wrap #cz02 .progress p {
	text-align: left;
}
.page_cz__wrap #cz02 .progress dd {font-size:24px;}

.page_cz__wrap .tb_progress .unit {font-size:12px;}
}

@media screen and (max-width: 759.9px) {
.page_cz__wrap #cz02 .target dl {
display: inline-flex;
align-items: center;
width: 100%;
}
.page_cz__wrap #cz02 .target dt {width:50%;}
.page_cz__wrap #cz02 .target dd {width:50%;}
}



.page_cz__wrap #cz03 dt {
border-left:4px solid #158122;
color:#158122;
font-weight: 700;
margin-bottom: .75em;
padding-left: .5em;
}
.page_cz__wrap #cz03 dd > em {
display: block;
}
.page_cz__wrap #cz03 dd + dd {margin-top:.5em;}
.page_cz__wrap #cz03 dd + dt {margin-top:2em}

.page_cz__wrap .tb_retailer {width:100%;}
.page_cz__wrap .tb_retailer th,
.page_cz__wrap .tb_retailer td {
background-color: #fff;
border:1px solid #999;
padding: .5em;
text-align: center;
white-space:nowrap;
}
.page_cz__wrap .tb_retailer th {
background-color: #333;
color:#fff;
}
.page_cz__wrap .tb_retailer td:not(:first-child) {text-align: left;}
.page_cz__wrap .tb_retailer td:not(:last-child) {white-space:nowrap;}
.page_cz__wrap .tb_retailer td:last-child {
white-space:normal;
word-break: keep-all;
}

@media screen and (min-width: 760px) {
.page_cz__wrap .tb_retailer td:last-child {
word-break:break-all;
}
}

.page_cz__wrap .tb_retailer td.cell_fix2::before {
background-color: #fff;
border:1px solid #999;
z-index: -1;
}

.page_cz__wrap .bnr_carbonzero {
margin:0 auto;
max-width: 640px;
width: 90%;
}

.page_cz__wrap .titleSearch {
border-left:4px solid #158122;
color:#158122;
font-weight: 700;
margin-bottom: .75em;
padding-left: .5em;
}


/* SORT ITEM SETTING */
.page_cz__wrap #cz06 .note {
background-color: transparent;
padding: 0;
}
.page_cz__wrap .switch {margin-bottom:2em}

.page_cz__wrap .switch select {
background: transparent;
background: #eee
url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E")
right 10px center no-repeat;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: none;
color: #000;
cursor: pointer;
outline: none;
padding: 12px 35px 12px 11px;
width: 100%;
-webkit-appearance: none;
/* Firefox hide arrow */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: "";
}
/* IE10 hide arrow */
.page_cz__wrap .switch select::-ms-expand {display: none;}

.page_cz__wrap .switch .refine-msg {margin: 1em 0;}

.page_cz__wrap .item_wrap .tb_overwrap {
overflow:auto;
width: 100%;
height:calc(100vh/2);
}
.page_cz__wrap .item_wrap .disnone {display: none;}

.page_cz__wrap .tb_pricelist {width:100%;}
.page_cz__wrap .tb_pricelist th,
.page_cz__wrap .tb_pricelist td {
border:1px solid #999;
padding: .5em;
text-align: center;
white-space:nowrap;
}
.page_cz__wrap .tb_pricelist th {
background-color: #333;
color:#fff;
}


.page_cz__wrap .tb_pricelist .unit {
display: block;
font-size:10px;
}

.page_cz__wrap .tb_pricelist td:nth-child(n+3) {text-align: left;}
.page_cz__wrap .tb_pricelist td:nth-last-child(-n+3) {text-align: right;}

.page_cz__wrap .tb_pricelist td.cell_fix2::before {
background-color: #fff;
border:1px solid #999;
z-index: -1;
}

@media screen and (min-width: 760px) {
.page_cz__wrap .tb_pricelist th,
.page_cz__wrap .tb_pricelist td {
white-space:normal;
word-break:keep-all;
}
}




/*d-panf*/
/* tab */
.area_wrap.tab_wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.area_wrap.tab_wrap .tab_label {	/* tab */
position: relative;
margin-right: 1px;
padding: 12px 0 10px;
/*-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
-o-order: -1;
order: -1;*/
background: #aaa;
transition: .5s;
cursor: pointer;
font-size: 18px;
color: #fff;
text-align: center;
}

@media screen and (min-width: 760px) {
.area_wrap.tab_wrap .tab_label {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
-o-order: -1;
order: -1;
}
}

.area_wrap.tab_wrap .tab_label:hover {
opacity:0.8;
-moz-opacity:0.8;
}
.area_wrap.tab_wrap .tab_label:nth-last-of-type(1){ margin-right: 0; }
.area_wrap.tab_wrap input {		/* radio button */
display: none;
}
.area_wrap.tab_wrap .tab_content {	/* honbun */
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
}
/* active */
.area_wrap.tab_wrap input:checked + .tab_label {
background: #158122;
}
.area_wrap.tab_wrap input:checked + .tab_label::after {
content: '';
display: block;
position: absolute;
bottom: -23%;
left: 30%;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 12px solid #158122;
}
.area_wrap.tab_wrap input:checked + .tab_label + .tab_content {
margin: 16px 8px;
padding: 0;
height: auto;
overflow: visible;
transition: .5s opacity;
opacity: 1;
}
/* until tab */


#dpanf_wrap {
background: rgb(237,251,222);
background: linear-gradient(90deg, rgba(237,251,222,1) 0%, rgba(252,255,246,1) 50%, rgba(237,251,222,1) 100%);
margin-top:2em;
padding-bottom: 1em;
}
#dpanf_wrap .area_wrap ul li {
width: 23%;
height: 150px;
margin: 1%;
float: left;
position:relative;
}

#dpanf_wrap .area_wrap ul li img {
width: 100%;
}

#dpanf_wrap li a {
display: block;
height: 100%;
background: rgba(0,0,0,0.2);
}

#dpanf_wrap li a span{
width: 100%;
position: absolute; 
top: 38%;
font-size: 24px;
font-weight: bold;
color: #FFF;
text-align: center;
}

#dpanf_wrap li a:hover{
opacity:0.8;
opacity: 0.8;
-moz-opacity:0.8;
}
#dpanf_wrap li.for_hokkaido{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_hokkaido.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_tohoku_kanto_koshinetsu{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_tohoku_kanto_koshinetsu.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_syutoken{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_syutoken.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_tokai_hokuriku{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_tokai_hokuriku.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kansai_saninsanyo_shikoku{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kansai_saninsanyo_shikoku.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kyushu_okinawa{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kyushu_okinawa.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_tohoku{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_tohoku.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kanto_koshinetsu{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kanto_koshinetsu.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kansai_usj{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kansai_usj.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_sanin_sanyo_shikoku{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_sanin_sanyo_shikoku.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kyushu{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kyushu.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_okinawa{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_okinawa.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_izu_hakone{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_izu_hakone.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_hokuriku_chubu{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_hokuriku_chubu.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_keihanshin_usj{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_keihanshin_usj.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.with_cruise{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/with_cruise.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.near_inn{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/near_inn.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.area_plan{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/area_plan.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kanto_koshinetsu_syutoken{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kanto_koshinetsu_syutoken.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_otonavi{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_otonavi.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.higaeriplan{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/higaeriplan.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_hokkaido_tohoku_niigata{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_hokkaido_tohoku_niigata.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kanto_izu_hakone{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kanto_izu_hakone.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_tokai_shinsyu{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_tokai_shinsyu.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_hokuriku{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_hokuriku.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_ise_nanki{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_ise_nanki.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_keihanshin_nara_shiga_usj{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_keihanshin_nara_shiga_usj.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kitakinki_sanyo{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kitakinki_sanyo.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_sanin{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_sanin.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_shikoku{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_shikoku.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_ekityo{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_ekityo.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kanto_syutoken{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kanto_syutoken.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_hokuriku_shinsyu_tokai{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_hokuriku_shinsyu_tokai.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_kitakinki_sanin_sanyo_shikoku{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_kitakinki_sanin_sanyo_shikoku.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_tdr{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_tdr.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_chubu_hokuriku_shinsyu{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_chubu_hokuriku_shinsyu.jpg) no-repeat;background-size: 100%;}
#dpanf_wrap li.for_girls{background:url(https://www.nta.co.jp/akafu/50th/images/d_panf/for_girls.jpg) no-repeat;background-size: 100%;}
.disnone{display:none!important;}


@media screen and (max-width: 759px) {
#dpanf_wrap_nav li	{
text-align: center;
font-size: 14px;
color: #FFF;
background: #aaa;
margin: 0.5%;
padding: 5px 0 4px;
box-sizing: border-box;
position: relative;
}

#hotel_plan_wrap_nav li,

#dpanf_wrap_nav li	{
width: 24%;
float: left;
}

#hotel_plan_wrap_nav li:last-child,
#dpanf_wrap_nav li:last-child{
margin-right: 0;
}

#dpanf_wrap_nav li.select_dpanfarea:after{
position: absolute;
bottom: -25%;
left: 32%;
}

#hotel_plan_wrap_nav li.select_hotelarea,
#dpanf_wrap_nav li.select_dpanfarea{background: #158122;}

/*hotel*/
.area_wrap{margin: 3% 0;}
.hotelwrap dl {
width: 48%;
float: left;
background: #FFFFFF;
margin: 0 1% 2%;
border: 2px solid rgba(0,0,0,0.1);
padding: 5px;
text-align: center;
box-sizing: border-box;
}
.hotelwrap dl dt {
color: #000083;
font-size: 14px;
margin: 0 0 10px 0;
font-weight: 700;
}
.hotelwrap dl dd  {
margin: 0;
padding: 0;
line-height: 1.4;
}
.hotelwrap dl dd.area_name {
height: 42px;
background: #000071;
font-size: 12px;
color: #FFF;
padding: 5px 0 3px;
}

.hotelwrap dl dd p {
margin: 0 0 10px 0;
height:120px
}
.hotelwrap dd:nth-of-type(2){
max-width: 200px;
height: 150px;
margin: auto;
}
.hotelwrap dd:nth-of-type(2) img{
width:100%;
height:100%;
}
.hotelwrap dl dd span {
display: block;
font-size: 12px;
}
.hotelwrap dl dd strong {
font-size: 13px;
font-weight: bold;
color: rgba(255,0,4,1.00);
}


/*d-panf*/

/* tab */
.area_wrap.tab_wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.area_wrap.tab_wrap .tab_label {	/* tab */
position: relative;
width: 24%;
margin: 0.5%;
padding: 5px 0 4px;
-webkit-order: -1;
order: -1;
background: #aaa;
transition: .5s;
cursor: pointer;
font-size: 14px;
color: #fff;
text-align: center;
white-space: nowrap;
}
.area_wrap.tab_wrap .tab_label:hover {
opacity:0.8;
-moz-opacity:0.8;
}
.area_wrap.tab_wrap .tab_label:nth-last-of-type(1){ margin-right: 0; }
.area_wrap.tab_wrap input {		/* radio button */
display: none;
}
.area_wrap.tab_wrap .tab_content {	/* honbun */
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
}
/* active */
.area_wrap.tab_wrap input:checked + .tab_label {
background: #158122;
}
.area_wrap.tab_wrap input:checked + .tab_label + .tab_content {
margin: 3% 0 0;
padding: 0;
height: auto;
overflow: visible;
transition: .5s opacity;
opacity: 1;
}
/* until tab */
.area_wrap.tab_wrap input:checked + .tab_label::after {display: none;}

#dpanf_wrap .area_wrap ul li {
width: 48%;
height: 150px;
margin: 1%;
float: left;
position:relative;
}

#dpanf_wrap .area_wrap ul li img {
width: 100%;
}

#dpanf_wrap li a {
display: block;
height: 100%;
background: rgba(0,0,0,0.2);
}

#dpanf_wrap li a span{
width: 100%;
position: absolute; 
top: 28%;
font-size: 20px;
font-weight: bold;
color: #FFF;
text-align: center;
}
}

/* j blue credit */
.page_cz__wrap #JblueCredit .progress_inner {
background: url(../../images/bg_target.png) 50% no-repeat;
background-size: contain;
height: 214px;
text-align: center;
position: relative;
}
.page_cz__wrap #JblueCredit .progress p {
display: inline-block;
font-size:25px;
font-weight: 700;
white-space: nowrap;
position: absolute;
top:55%; /* 50 */
left:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
line-height: 1;
}
.page_cz__wrap #JblueCredit .progress p span {
display: block;
font-size:12px;
font-weight: 300;
text-align: right;
padding-right: 30px;
}
.page_cz__wrap #JblueCredit h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 30px;
    line-height: 1.6;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.page_cz__wrap #JblueCredit h3::before,
.page_cz__wrap #JblueCredit h3::after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #000;
    margin: 0px 4px 4px;
}
.page_cz__wrap #JblueCredit h3::before {
    transform: rotate(45deg);
}
.page_cz__wrap #JblueCredit h3::after {
    transform: rotate(-45deg);
}

.page_cz__wrap .JBC_btn {
    width: 90%;
    margin: 30px auto 0;
}
.page_cz__wrap #JblueCredit .JBC_btn {
    margin: 0 auto;
}
.page_cz__wrap .JBC_btn a {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 15px;
    background: #007CBA;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.page_cz__wrap .JBC_btn a::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 8%;
}
.page_cz__wrap #JblueCredit .JBC_btn a::after {
    transform: rotate(45deg);
}
.page_cz__wrap #JblueCredit .target figure {
    text-align: center;
}
.page_cz__wrap #JblueCredit .target img {
    width: 70%;
    text-align: center;
}
@media screen and (min-width: 760px) {
.page_cz__wrap .JBC_btn {
    width: 400px;
    margin: 50px auto 0;
}
.page_cz__wrap #JblueCredit .JBC_btn {
    width: 100%;
    margin: 20px auto 0;
}
.page_cz__wrap #JblueCredit h3 {
    font-size: 25px;
}
.page_cz__wrap #JblueCredit .fx {
    width: 80%;
    margin: 30px auto 0;
}
.page_cz__wrap #JblueCredit .target img {
    width: 100%;
}
}