@charset "utf-8";
/* CSS Document */
/*##############################################*/
/*構造*/
/*##############################################*/
html {
    height:100%;
}
body {
    color: #000;
    font-size: 1rem;
    font-family:  "メイリオ", Meiryo,"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.6;
    margin:0;
    padding:0;
    background-color: #fff;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
}
section {
	width: 930px;
	margin: auto;
	line-height: 1.4;
}
section:not(#guide) h3 {
	border-bottom: 2px solid #9bce97;
	padding-bottom: 5px;
	margin: 40px 0 20px;
}
@media screen and (max-width: 640px) {
body {min-width: inherit;}
section.sec01 {width: 100%;}
section.sec02 {width: 93.7%;}
section:not(#guide) h3 {
	padding-left: 10px;
	margin: 30px 0 10px;
}
section:not(#guide) h3 ~ * { padding: 0 10px; }
	

ul li {
	text-indent: -1em;
	padding-left: 1em;
}
	
#jreHeader ul li,
#jreFooter ul li {
	text-indent: 0;
	padding-left: 0;
}
}

/*##############################################*/
/*JR側共通項目を強制的に変更する（指示による）*/
/*##############################################*/
/*パンくずリスト*/
#breadClumb {font-size: 0.9375rem !important;}
/* フッタ ------------------------------ */
.skipLink {font-size: 0.9375rem !important;}
#jreFooter {font-size: 0.9375rem !important;}
#jreFooter-sp {font-size: 0.9375rem !important;}
@media screen and (max-width: 640px) {
#breadClumb {display: none;}
}



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

/* 汎用クラス ------------------------------ */
.fs10 { font-size: 0.75rem;}
.fs12 { font-size: 0.875rem;}
.icon_win {
	background: url(../img/icon_win.png) no-repeat 2px center / 13px auto;
	padding-left: 19px;
}
.icon_pdf {
	background: url(../img/icon_pdf02.png) no-repeat 2px center / 12px auto;
	padding-left: 18px;
}
.bold { font-weight: bold; }
.font_red { color: #eb0000; }
.sp { display: none; }
@media screen and (max-width: 640px) {
.sp { display: block; }
}


/* メインビジュアル ------------------------------ */
@media screen and (max-width: 640px) {
h2 img { width: 100%; }
}

/* お知らせ ------------------------------ */

.news ul{
	text-align: center;
	margin-top: 15px;
	border-top: 3px solid #f15a29;
	border-bottom: 3px solid #f15a29;
	background-color: #fcf8c9;
	
}
.news ul li{
	text-indent:0;
	padding-left:0;
}
.news{ font-size: 1.0rem;}
.news .title{ font-size: 1.8rem;}

@media screen and (min-width: 641px){
	.br-sp { display:none; }
	}
@media screen and (max-width: 640px) {
	.news ul{
		text-align: left;
	}
	.br-sp { display: block;}
	.news{ font-size: 0.8rem;}
	.news .title{ 	
		font-size: 1.3rem;
	}
}

/* レイアウト ------------------------------ */
.col03 .box {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.col03 .box:last-child {
	margin-right: 0;
}

@media screen and (max-width: 640px) {
.col03 .box {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}
}

/* ふらっとポイント ------------------------------ */
#point dl {
	position: relative;
	margin: 40px 0 5px;
}
#point .box:nth-child(1) dl { background-color: #dff4fb; }
#point .box:nth-child(2) dl { background-color: #e3f0d8; }
#point .box:nth-child(3) dl { background-color: #dbf5f3; }
#point dt {
	position: absolute;
	top: -20px;
	left: 10px;
	width: 143px;
}
#point dd {
	padding: 10px 0 0;
	height: 140px;
	display: flex;
	justify-content:center;
	align-items:center;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6;
}
#point .box:nth-child(3) dd { line-height: 1.4; }
#point dd span {
	font-size: 0.875rem;
	display: inline-block;
}
@media screen and (max-width: 640px) {
#point dl {
	margin: 30px 0 5px;
}
#point dd {
	height: inherit;
	padding: 30px 0 20px;
}
}

/* グリーン車利用でリッチに ------------------------------ */
#green img {
	width: 100%;
}
#green ul {
	display: flex;
	margin: 20px 0;
}
#green li {
	background-color: #ffefee;
	color: #f15a29;
	font-weight: bold;
	margin-right: 5px;
	text-align: center;
	padding: 20px 0;
	flex-grow: 1;
}
#green li:last-child { margin-right: 0; }
#green p {
	text-indent: -1em;
	padding-left: 1em;
}
#green p span {
	font-size: 1.125rem;
}
@media screen and (max-width: 640px) {
#green { margin-top: 30px; }
#green ul {
	display: block;
}
#green li {
	margin-right: 0;
	margin-top: 5px;
	padding: 10px 0;
}
}

/* お申込み ------------------------------ */
.app dl { margin-top: 20px; }
.app dt {
	display: inline-block;
	border-top-right-radius: 10px;
	background-color: #dff4fb;
	padding: 10px 20px 0;
	font-size: 1.125rem;
}
.app dd {
	background-color: #dff4fb;
	padding: 20px;
	display: flex;
}
.app dd a {
	display: inline-block;
	width: 140px;
	color: #fff;
	text-decoration: none;
	margin-right: 20px;
	background: #f15a29;
	border-radius: 5px;
	padding: 15px 0;
	font-size: 1.25rem;
	text-align: center;
}

.app .grayout {
	display: inline-block;
	width: 140px;
	color: #fff;
	text-decoration: none;
	margin-right: 20px;
	background: #9b9b9b;
	border-radius: 5px;
	padding: 15px 0;
	font-size: 1.25rem;
	text-align: center;
}

.app dd .icon_w {
	background: url(../img/app_icon_win.png) no-repeat 10px center / 13px auto, #f15a29;
}

.app dd a:last-child { 
	margin-right: 0;
	
}
.app .btn_price{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: url(../img/icon_arrow.png) no-repeat right 10px center / 8px auto, #25b7aa url(../img/icon_pdf.png) no-repeat 10px center / 18px auto;
	border-radius: 5px;
	padding: 10px 70px 10px 80px;
	font-size: 1.25rem;
	text-align: center;
}

@media screen and (max-width: 640px) {
.app dt {
	padding: 10px 12px 0;
	font-size: 1rem;
}
.app dd {
	display: block;
	text-align: center;
}
.app dd a, .app .grayout {
	width: 90%;
	margin-right: 0px;
	margin-bottom: 10px;
}
.app dd a:last-child { margin-bottom: 0; }
}

/* 商品のご案内 ------------------------------ */
#guide {
	background-color: #e3f0d8;
	padding: 20px;
	margin-top: 40px;
	box-sizing: border-box;
}
#guide h3 {
	background-color: #3eb134;
	padding: 20px 0;
	text-align: center;
}
#guide h3 ~ div {
	background-color: #fff;
	padding: 20px;
	margin-top: 20px;
}
#guide .ex_ttl {
	display: flex;
	align-items: center;
}
#guide .ex_ttl span {
	font-size: 1.25rem;
	font-weight: bold;
	padding-left: 10px;
}
#guide .ex_img {
	margin: 20px 0;
	display: flex;
	justify-content:center;
	align-items: center;
}
#guide .ex_img p:nth-child(1) { padding-top: 42px; }
#guide .ex_img p:nth-child(2) { padding: 0 20px; }
#guide .otoku {
	background-color: #25b7aa;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.25rem;
}
#guide .txt01 {
	font-weight: bold;
	font-size: 1.125rem;
	margin: 10px 0;
}
#guide .txt02 span {
	font-weight: bold;
	font-size: 1.125rem;
}
#guide .txt02 span.green { color: #3eb134; }
#guide .txt02 span.orange { color: #ea5413; }
@media screen and (max-width: 640px) {
#guide {
	padding: 10px;
	margin-top: 20px;
}
#guide h3 {padding: 15px 0;}
#guide h3 ~ div {margin-top: 10px;}
#guide .ex_ttl {display: block;}
#guide .ex_ttl span {
	padding-left: 0px;
	margin-top: 5px;
	display: block;
	font-size: 1rem;
}
#guide .ex_img {flex-direction: column;}
#guide .ex_img p:nth-child(1) { padding-top: 0px; }
#guide .ex_img p:nth-child(2) {
	padding: 10px 0 20px;
	transform: rotate(90deg);
}
#guide .otoku {font-size: 1rem;}
#guide .txt01 {font-size: 1rem;}
#guide .txt02 span {font-size: 1rem;}
}

/* お受け取り方法 ------------------------------ */
#get .col03 { margin-top: 20px; }
#get .col03 .box { text-align: center; }
#get .col03 figure {
	height: 193px;
	margin:0 0 10px;
}
@media screen and (max-width: 640px) {
#get .col03 figure {
	height: inherit;
}
}

/* 20180222プレス ------------------------------ */
section#press {
	width: 930px;
	line-height: 1.4;
	margin:20px auto;
	padding:20px;
}

@media screen and (max-width: 640px) {
section#press {width: 93.7%;}
}

/* 20180301 ------------------------------ */
section.app h4{
	margin:1em 1em 0 0;
}

@media screen and (max-width: 640px) {
section.app h4{
	margin:0;
}
}
/* 20180319 ------------------------------ */
img#nklogo {
	width:80%;
}


/* 20180705 ------------------------------ */
#flatgreen #noflat #point ul li {
	text-indent: -1em;
	padding-left: 1em;
	list-style:none;
}

.pagetop {
	margin-top: 17px;
	margin-bottom:17px;
	text-align: right;
}

.pagetop span{
	display: inline-block;
	padding-right: 12px;
	background: url(/general/img/common/bg-pagetop_02.png) right top no-repeat;
}

.pagetop a {
	display: inline-block;
	height: 26px;
	padding-left: 30px;
	background: url(/general/img/common/bg-pagetop_01.png) left top no-repeat;
	line-height: 26px;
	font-size: 13px;
}

#side+.pagetop {
	clear: both;
}

@media screen and (max-width: 640px) {
section.paget {
	width:93.7%;
	text-align:center;
}
}