@charset "UTF-8";

/*------------------------------------------------------------------
	common
------------------------------------------------------------------*/
html {
    scroll-behavior: smooth;
}
.wrapper-page{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* margin */
.mgnB0 {margin-bottom:0 !important;}
.mgnB5 {margin-bottom:5px !important;}
.mgnB10 {margin-bottom:10px !important;}
.mgnB15 {margin-bottom:15px !important;}
.mgnB20 {margin-bottom:20px !important;}
.mgnB30 {margin-bottom:30px !important;}
.mgnB40 {margin-bottom:40px !important;}
.mgnB50 {margin-bottom:50px !important;}
.mgnB60 {margin-bottom:60px !important;}
.mgnB70 {margin-bottom:70px !important;}
.mgnB80 {margin-bottom:80px !important;}
.mgnB100 {margin-bottom:100px !important;}

.mgnT0 {margin-top:0 !important;}
.mgnT5 {margin-top:5px !important;}
.mgnT10 {margin-top:10px !important;}
.mgnT20 {margin-top:20px !important;}
.mgnT30 {margin-top:30px !important;}
.mgnT40 {margin-top:40px !important;}
.mgnT50 {margin-top:50px !important;}
.mgnT60 {margin-top:60px !important;}
.mgnT70 {margin-top:70px !important;}
.mgnT80 {margin-top:80px !important;}

.mgnL0 {margin-left:0 !important;}
.mgnL5 {margin-left:5px !important;}
.mgnL10 {margin-left:10px !important;}
.mgnL15 {margin-left:15px !important;}
.mgnL20 {margin-left:20px !important;}
.mgnL30 {margin-left:30px !important;}
.mgnL40 {margin-left:40px !important;}
.mgnL50 {margin-left:50px !important;}
.mgnL100 {margin-left:100px !important;}

.mgnR0 {margin-right:0 !important;}
.mgnR1 {margin-right:1px !important;}
.mgnR5 {margin-right:5px !important;}
.mgnR10 {margin-right:10px !important;}
.mgnR15 {margin-right:15px !important;}
.mgnR20 {margin-right:20px !important;}
.mgnR30 {margin-right:30px !important;}
.mgnR40 {margin-right:40px !important;}
.mgnR45 {margin-right:45px !important;}
.mgnR50 {margin-right:50px !important;}
.mgnR90 {margin-right:90px !important;}
.mgnR100 {margin-right:100px !important;}

.pdnT0{padding-top:0 !important;}
.pdnB0{padding-bottom:0 !important;}


.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

/* text */
.txt-s{
	font-size:12px;
}

.txt-price{
	font-size:14px;
}

p{
	font-size:14px;
	color:#333;
	line-height:1.6;
	font-weight:normal;
}

/* title */
.tit-lined{
	border-left:3px solid #917E3A;
	border-bottom:1px solid #917E3A;
	padding:0 0 5px 10px;
	margin-bottom:15px;
}

/* link */
p a{
	color:#333;
	text-decoration:none;
}

p a:hover{
	text-decoration:underline;
}

/* table */
.wrapper-page table{
	border-collapse:collapse;
}


/* clearfix */
.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* wrapper */
.wrapper-page{
	width:950px;
	margin:0 auto;
}

/* reset */
.wrapper-page h1,h2,h3,h4,dl,dt,dd,ul,ol,li,p,form,fieldset,legend,table,thead,tbody,tfoot,tr,th,td{
	margin:0;
	padding:0;
}

.wrapper-page h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight: normal;
}

/* title */
.wrapper-page h1{
	margin-bottom:10px;
}

/* header */
.header{
	width:950px;
	padding:15px 0;
}

.header .logo{
	float:left;
	width:300px;
}

.header .header-contact{
	float:left;
	width:650px;
	text-align:right;
}

.header .header-contact .inner{
	display:table;
	width:380px;
	margin:0 0 0 270px;
}

.header .header-contact .inner div{
	display:table-cell;
	vertical-align:middle;
}



/* header navigation */
.header-nav{
	width:950px;
	height:66px;
	background:url(../img/bg_navi.png) repeat-x;
	margin-bottom:30px;
}

.header-nav ul{
	margin:0 10px 0 25px;
	padding:0;
}

.header-nav ul li{
	float:left;
	list-style:none;
}

.header-nav ul li a{
	height:15px;
	display:block;
	padding:25px 24px 21px;
	border-left:1px solid #182635;
	border-bottom:5px solid #182635;
}

.header-nav ul li:last-child a{
	border-right:1px solid #182635;
}

.header-nav ul li a:hover{
	border-left:1px solid #182635;
	border-bottom:5px solid #D8C584;	
}

/* footer */
.footer{
	background:#E8ECF1;
	width:950px;
	text-align:center;
	padding:40px 0;
	margin-top:50px;
}

.footer table{
	width:950px;
	margin-top:20px;
}

.footer table td{
	vertical-align:top;
}


/* footer navigation */
.footer-nav{
	margin:0 0 50px;
    display: flex;
    flex-wrap: wrap;
}

.footer-nav table{
	width:950px;
}

.footer-nav table img{
	width:475px;
}

#room .footer-nav a {
    float: left;
}
#room .footer-nav::after {
    content: '';
    display: block;
    clear: both;
}

/* page top */
/*.pagetop{
	text-align:right;
	padding:30px 36px 30px 0;
}*/



/*------------------------------------------------------------------
	Page
------------------------------------------------------------------*/


/*--------------------------
	TOP
*/

table.btn-link img{
	margin-bottom:25px;
}
.bnr-link div {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-pack: distribute;
	justify-content: space-between;
}
.bnr-link div a {
    display: block;
    width: 310px;
}
.bnr-link div a + a {
    margin-left:10px;
}

/* plan */
.wrap-plan-top{
	width:950px;
	margin-bottom:40px;
}

.wrap-plan-top .plan-01{
	float:left;
	width:300px;
	margin-right:25px;
}

.wrap-plan-top .plan-02{
	float:left;
	width:625px;
}

.wrap-plan-top .plan-01 .inner{
	background:#F7F5EC;
	border:1px solid #917E3A;
	width:260px;
	padding:30px 20px 10px;
}

.wrap-plan-top .plan-01 .inner img,
.wrap-plan-top .plan-01 .inner p,
.wrap-plan-top .plan-02 table p{
	margin-bottom:20px;
}

.wrap-plan-top .plan-02 table{
	margin-bottom:30px;
}

.wrap-plan-top .plan-02 table th{
	width:216px;
	padding-right:15px;
}

.wrap-plan-top .plan-02 table th,
.wrap-plan-top .plan-02 table td{
	vertical-align:top;
}

/* testimony */
.wrap-testimoy{
	background:url(../img/top/bg_testimony.png) 0 0 no-repeat;
	width:950px;
	height:773px;
	text-align:center;
	margin:50px 0;
}
.video_container{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video_container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*--------------------------
	2nd
*/


/* restaurant
----------------*/
ul.wrap-plan li{
	float:left;
	list-style:none;
	width:460px;
}

ul.wrap-plan li:first-child{
	margin-right:30px;
}

ul.wrap-plan li table th{
	width:145px;
	vertical-align:top;
}

ul.wrap-plan li table td p{
	margin-bottom:10px;
	vertical-align:top;
}


/* room
----------------*/
.wrap-room-detail{
	background:url(../img/room/line.png) 0 0 no-repeat;
	margin-bottom:0px;	
	padding:40px 0;
	text-align:left;
}

.wrap-room-detail p{
	font-size:14px;
}

.wrap-room-detail table.detail-01{
	margin-bottom:30px;
}

.wrap-room-detail table.detail-01 th{
	width:750px;
	padding-right:20px;	
}

.wrap-room-detail table.detail-01 th h2{
	color:#77541C;
	font-size:22px;
	font-weight:bold;
	margin-bottom:15px;
	border-left:5px solid #917E3A;
	border-bottom:1px solid #917E3A;
	padding:0 0 7px 10px;
}
.wrap-room-detail .detail-01 {
    display: flex;
    margin-bottom: 30px;
}
.wrap-room-detail .detail-01 .room-name {
    width:750px;
	padding-right:20px;
}
.wrap-room-detail .detail-01 .room-name h2 {
	color:#77541C;
	font-size:22px;
	font-weight:bold;
	margin-bottom:15px;
	border-left:5px solid #917E3A;
	border-bottom:1px solid #917E3A;
	padding:0 0 7px 10px;
}

.room-category{
	background:#917E3A;
	color:#fff;
	font-size:18px;
	padding:7px 0;
	width:180px;
	text-align:center;
    height: 26px;
    line-height: 26px;
}

.wrap-room-detail table.detail-02 th{
	width:662px;
	padding-right:20px;
	vertical-align:top;
}

.wrap-room-detail table.detail-01 td,
.wrap-room-detail table.detail-02 td{
	vertical-align:top;
}
.wrap-room-detail .detail-02 {
    display: flex;
}
.wrap-room-detail .detail-02 p {
    width:662px;
	padding-right:20px;
	vertical-align:top;
}
[id^="room_"] {
    margin-bottom: 60px;
}
[id^="room_"] .wrap > div > h2 {
    font-size: 1.8em;
    font-feature-settings: "palt";
}
[id^="room_"] .cp_txt h2 {
    font-size: 2.1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D3D3D3;
    display: block !important;
    text-align: left !important;
}
[id^="room_"] .cp_txt dl dt, [id^="room_"] .cp_txt dl dd {
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
}
[id^="room_"] .cp_txt dl dd {
    margin-left: .8em;
}
.row:after {
    content: "";
    display: block;
    clear: both;
}
[id^="room_"] .cp_txt h2 span {
    font-size: .55em;
}
/*@media screen and (min-width:768px) {*/
[id^="room_"] .gr12 {
    display: flex;
}
[id^="room_"] .cp_txt {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*
リニューアル前 #room_↑
リニューアル後 #room-↓
*/
[id^="room-"] {
    margin-bottom: 60px;
    background: rgba(43, 61, 140, 0.06);
    padding: 20px 20px 40px;
}
[id^="room-"] .ttl {
    display: flex;
  	display:-ms-flexbox;
    margin-bottom: 15px;
}
[id^="room-"] .ttl h3 {
    margin-left: 20px;
    display: flex;
  	display:-ms-flexbox;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
[id^="room-"] .imgs {
    display: flex;
  	display:-ms-flexbox;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
[id^="room-"] .imgs img {
    width: 49.5%;
}
[id^="room-"] .imgs img + img {
    margin-left: 1%;
}
[id^="room-"] .ttl .sec_ttl {
    background: rgba(0, 0, 126, 1);
    color: #fff;
    padding: 6px 15px;
    text-align: center;
    font-size: 1.3em;
    width: 170px;
}
[id^="room-"] .ttl .sec_ttl span {
    font-size: .7em;
}
[id^="room-"] .divider {
    margin: 15px 0;
    background-color: rgba(0, 0, 126, 1);
    height: 1px;
    width: 50px;
    display: block;
}
.room_menu {
    border: 1px solid #878688;
    margin-bottom: 50px;
    padding: 40px 20px 0 20px;
}
.room_menu ul {
    list-style: none;
    margin-bottom: 50px;
    display: flex;
  	display:-ms-flexbox;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: center;
    flex-wrap: wrap;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

.room_menu li {
    color: #fff;
    padding: 10px 10px;
    text-align: center;
    font-size: 1.1em;
    width: 22%;
    /* margin-bottom: 1%; */
    position: relative;
}
.room-menu li:after {
    vertical-align: middle;
    content: "";
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    display: block;
    margin: auto;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.room-menu li a {
    color: #fff;
    text-decoration: none;
}

div.cp_txt {
    width: 50%;
    min-height: 400px;
}
div.cp_img {
    width: 50%;
    position: relative;
    overflow: hidden;
}
div.cp_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
[id^="room_"] .cp_txt > * {
    width: 60%;
    min-width: 295px;
}
/*}*/


/* concept
----------------*/
.circle {
    list-style: none;
    margin-bottom: 50px;
    display: flex;
  	display:-ms-flexbox;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.circle li {
    color: #fff;
    background-color:rgba(0, 0, 126, 1);
    padding: 0;
    margin: 0;
    width: 196px;
    height: 196px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    position: relative;
}
.circle li span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: block;
    font-size: 1.5em;
}
.circle li a {
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
    display: block;
}

.hotels ul {
    list-style: none;
    margin-bottom: 50px;
    display: flex;
  	display:-ms-flexbox;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
}
.hotels ul li {
    padding: 10px 15px;
    text-align: center;
    font-size: 1.1em;
    width: 30%;
    margin-bottom: 1%;
    position: relative;
}
[id^="con-"] {
    margin-bottom: 60px;
    background: rgba(43, 61, 140, 0.06);
    padding: 20px 20px 40px;
}
[id^="con-"] .ttl {
    display: block;
/*  	display:-ms-flexbox;*/
    margin-bottom: 15px;
}
[id^="con-"] .ttl h3 {
    margin-left: 20px;
/*
    display: flex;
  	display:-ms-flexbox;
    flex-direction: column;
    justify-content: center;
*/
    align-items: center;
    font-size: 1.6em;
}
[id^="con-"] .imgs {
    display: flex;
  	display:-ms-flexbox;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
[id^="con-"] .imgs img {
    width: 49.5%;
}
[id^="con-"] .imgs img + img {
    margin-left: 1%;
}
[id^="con-"] .ttl .sec_ttl {
    background: rgba(20, 40, 121, 0.75);
    color: #fff;
    padding: 6px 15px;
    text-align: center;
    font-size: 1.3em;
}
[id^="con-"] .ttl .sec_ttl span {
    font-size: .7em;
}
[id^="con-"] .divider {
    margin: 15px 0;
    background-color: rgba(20, 40, 121, 0.5);
    height: 1px;
    width: 50px;
    display: block;
}

/* activity
----------------*/
.wrap-activity{
	background:#B9C4D5;
	padding:50px 30px;
}

.wrap-activity .inner{
	background:#fff;
	padding:30px 100px;
	margin:30px 0;
	text-align:left;
}

.wrap-activity .inner table th{
	padding-right:20px;
}

.wrap-activity .inner table td img{
	margin:10px 0;
}

.wrap-info{
	width:950px;
	margin-bottom:40px;
}

.wrap-info .info-list{
	float:left;
	width:540px;
}

.wrap-info .info-photo{
	float:right;
	width:380px;
}

.wrap-info .info-list table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:13px;
	border-top:1px solid #ccc;
}
.wrap-info .info-list dl,
.wrap-info .info-list dl dt,
.wrap-info .info-list dl dd {
    box-sizing: border-box;
}
.wrap-info .info-list dl {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    background: #f4f4f4;
}
.wrap-info .info-list dl dt,
.wrap-info .info-list dl dd {
    padding: 13px;
    border-top: 1px solid #ccc;
}
.wrap-info .info-list dl dt {
    width: 180px;
    vertical-align: middle;
    float: left;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}
.wrap-info .info-list dl dd {
    background: #fff;
    margin-left: 180px;
    padding-bottom: 13px;
}
.wrap-info .info-list dl dt:nth-of-type(5) {
    padding-top: 48px;
}
.wrap-info .info-list dl dt:nth-of-type(6),
.wrap-info .info-list dl dt:nth-of-type(7) {
    padding-top: 36px;
}
/*
dd::after {
    content: '';
    display: block;
    clear: both;
}
*/

.wrap-info .info-list table th{
	border-bottom:1px solid #ccc;
	background:#f4f4f4;
	width:160px;
	padding:13px;
	vertical-align:middle;
}

.wrap-info .info-list table td{
	padding:13px;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
}

.tit-lined-02{
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #ddd;
	padding:0 0 7px 5px;
	margin-bottom:20px;
	margin-top:30px;
}

.wrap-amenity{
	padding:15px;
	background:#F7F5EC;
}

table.amenity-list{
	margin:0 0 20px;
}

table.amenity-list th{
	width:240px;
	padding:15px 20px 0 15px;
}

table.amenity-list td{
	padding:15px 10px 0 0;
}

table.amenity-list th img{
	width:240px;
}

table.amenity-list td h4{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	color:#77541C;
}


/*------------------------------------------------------------------
	NIPPONIA（おすすめプラン）
------------------------------------------------------------------*/
#npna .content {
    background-image: url(../img/nipponia/page_bg.png);
}
#npna h1 {
    margin-bottom: 0;
}
/* nav */
#npna .page_nav { width: 100%; }

/*#npna .page_nav ul { display: flex; justify-content: center;margin-bottom: 5px; padding: 0 10px; }*/
#npna .page_nav ul { display: flex; justify-content: center;margin-bottom: 5px; padding: 0 !important; }

/*#npna .page_nav li { height: 83px; margin: 0 10px; list-style: none; }*/
#npna .page_nav li { height: 74px !important; margin: 0 6px !important; width:12.5% !important; list-style: none; }

/*#npna .page_nav li a { display: block; height: 83px;background-size: contain;background-position: left top; background-repeat: no-repeat;}*/
#npna .page_nav li a { display: block; height: 74px !important; background-size: contain; background-position: left top; background-repeat: no-repeat;}

/*
#npna .page_nav li:nth-child(1) a { width: 111px; background-image: url(../img/nipponia/nav01.png); }
#npna .page_nav li:nth-child(1) a:hover { width: 111px; background-image: url(../img/nipponia/nav01_o.png); }

#npna .page_nav li:nth-child(2) a { width: 117px; background-image: url(../img/nipponia/nav02.png); }
#npna .page_nav li:nth-child(2) a:hover { width: 117px; background-image: url(../img/nipponia/nav02_o.png); }

#npna .page_nav li:nth-child(3) a { width: 111px; background-image: url(../img/nipponia/nav03.png); }
#npna .page_nav li:nth-child(3) a:hover { width: 111px; background-image: url(../img/nipponia/nav03_o.png); }

#npna .page_nav li:nth-child(4) a { width: 130px; background-image: url(../img/nipponia/nav04.png); }
#npna .page_nav li:nth-child(4) a:hover { width: 130px; background-image: url(../img/nipponia/nav04_o.png); }

#npna .page_nav li:nth-child(5) a { width: 110px; background-image: url(../img/nipponia/nav05.png); }
#npna .page_nav li:nth-child(5) a:hover { width: 110px; background-image: url(../img/nipponia/nav05_o.png); }

#npna .page_nav li:nth-child(6) a { width: 75px; background-image: url(../img/nipponia/nav06.png); }
#npna .page_nav li:nth-child(6) a:hover { width: 75px; background-image: url(../img/nipponia/nav06_o.png); }

#npna .page_nav li:nth-child(7) a { width: 117px; background-image: url(../img/nipponia/nav07.png); }
#npna .page_nav li:nth-child(7) a:hover { width: 117px; background-image: url(../img/nipponia/nav07_o.png); }

#npna .page_nav li:nth-child(8) a { width: 117px; background-image: url(../img/nipponia/nav07.png); }
#npna .page_nav li:nth-child(8) a:hover { width: 117px; background-image: url(../img/nipponia/nav07_o.png); }
*/

#npna .page_nav li:nth-child(1) { margin-left: 38px !important; }

#npna .page_nav li:nth-child(1) a { background-image: url(../img/nipponia/nav_08.png); }
#npna .page_nav li:nth-child(1) a:hover { background-image: url(../img/nipponia/nav_08_o.png); }

#npna .page_nav li:nth-child(2) a { background-image: url(../img/nipponia/nav_07.png); }
#npna .page_nav li:nth-child(2) a:hover { background-image: url(../img/nipponia/nav_07_o.png); }

#npna .page_nav li:nth-child(3) a { background-image: url(../img/nipponia/nav_02.png); }
#npna .page_nav li:nth-child(3) a:hover { background-image: url(../img/nipponia/nav_02_o.png); }

#npna .page_nav li:nth-child(4) a { background-image: url(../img/nipponia/nav_05.png); }
#npna .page_nav li:nth-child(4) a:hover { background-image: url(../img/nipponia/nav_05_o.png); }

#npna .page_nav li:nth-child(5) a { background-image: url(../img/nipponia/nav_01.png); }
#npna .page_nav li:nth-child(5) a:hover { background-image: url(../img/nipponia/nav_01_o.png); }

#npna .page_nav li:nth-child(6) a { background-image: url(../img/nipponia/nav_03.png); }
#npna .page_nav li:nth-child(6) a:hover { background-image: url(../img/nipponia/nav_03_o.png); }

#npna .page_nav li:nth-child(7) a { background-image: url(../img/nipponia/nav_04.png); }
#npna .page_nav li:nth-child(7) a:hover { background-image: url(../img/nipponia/nav_04_o.png); }

#npna .page_nav li:nth-child(8) a { background-image: url(../img/nipponia/nav_06.png); background-size: 65%; }
#npna .page_nav li:nth-child(8) a:hover { background-image: url(../img/nipponia/nav_06_o.png); background-size: 65%; }



#npna .page_nav li span { display: none; }

#npna .nav_logo { text-align: center; margin: auto auto 33px auto; padding-top: 32px; }

#npna .content > img {
    background-color: #fff;
}

.wrap-npna-detail {
    display: flex;
    background: url(../img/nipponia/line.png) 0 0 no-repeat;
    margin-bottom: 0px;
    padding: 40px 20px 18px;
    text-align: left;
    background-color: #fff;
}
.wrap-npna-detail h3 {
    font-size: 1.17em;
    line-height: 1.45;
}
.wrap-npna-detail .npna-detail-01 {
    padding-left: 24px;
    width: 557px;
}
.wrap-npna-detail .npna-detail-01 div {
    background-color: #efefef;
    background-image: url(../img/nipponia/page_bg.png);
    padding: 10px;
}
.wrap-npna-detail .npna-detail-01 div a {
    text-decoration: none;
    display: block;
    transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
    padding: 5px;
}
.wrap-npna-detail .npna-detail-01 div a:hover {
    background-color: #fff;
    opacity: .8;
}
.wrap-npna-detail > a:hover {
    opacity: .8;
}
.wrap-npna-detail .npna-detail-01 p {
    text-align: center;
}
.wrap-npna-detail .npna-detail-01 > p:not(.npna_area) {
    font-size: 12.5px;
    margin-bottom: 20px;
}

.wrap-npna-detail .npna-detail-01 div .plan_price {
    color: #6c4e34;
    font-size: 18px;
    margin: 12px 0;
    text-align: center;
    line-height: 1.3;
    display: inline-block;
    width: 57%;
}
.wrap-npna-detail .npna-detail-01 div a img {
    vertical-align: bottom;
}
.wrap-npna-detail .npna-detail-01 div .plan_price em {
    font-size: 26px;
    font-style: normal;
}

.wrap-npna-detail .npna-detail-01 div .plan_price small {
    display: block;
    font-size: 12px;
}

.npna_area {
	background:#917E3A;
	color:#fff;
	font-size:18px;
	padding:7px 0;
	width:180px;
	text-align:center;
    height: 26px;
    line-height: 26px;
}