@charset "utf-8";

#titlearea {
	background:#006f3f;
}
#titlearea h1 {
	color:#fff;
	font-size:2.0rem;
	line-height:1.3;
	letter-spacing:0.1em;
	padding:15px 15px 15px 60px;
}
.infopage #titlearea h1 {
	background:url(/ekiren_self_step1/service/info/img/ico_title.png) no-repeat 15px center;
	background-size:35px auto;
}
.howtousepage #titlearea h1 {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_title.png) no-repeat 15px center;
	background-size:35px auto;
}
.car_modelpage #titlearea h1 {
	background:url(/ekiren_self_step1/service/car_model/img/ico_title.png) no-repeat 15px center;
	background-size:35px auto;
}
.ryokinpage #titlearea h1 {
	background:url(/ekiren_self_step1/service/ryokin/img/ico_title.png) no-repeat 15px center;
	background-size:35px auto;
}
.eigyopage #titlearea h1 {
	background:url(/ekiren_self_step1/service/station/img/ico_title.png) no-repeat 15px center;
	background-size:35px auto;
}
#titlearea h2 {
	color:#006f3f;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:0.05em;
	text-align: center;
	padding:15px;
	background:#fff;
}
.red {
	color:#c00;
	font-weight:bold;
}

section {
	margin:20px 0 40px;
}
section.howto {
	margin:0;
	padding:20px 0 30px;
}
.ryokinpage section.toggle {
	display:none;
}
.eigyopage section {
	margin:0;
	border-top:solid 3px #006f3f;
}
#nyukai section.howto:nth-child(odd), #reserve section.howto:nth-child(odd), #change section.howto:nth-child(even), #cancel section.howto:nth-child(odd),
#kyuyu section.howto:nth-child(even), #henkyaku section.howto:nth-child(even) {
	background:#f5f4f0;
}
#pagelink section {
	margin:15px 0;
	border:0 !important;
}
#contentsarea h2 {
	color:#fff;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.3;
	letter-spacing:0.05em;
	text-align: center;
	padding:10px 15px 8px;
	margin:0 0 20px;
	background:#71bc4a;
}
.nyukaipage #contentsarea h2, .yoyakupage #contentsarea h2, .syuppatsupage #contentsarea h2, .eigyopage #contentsarea h2 {
	margin:0;
}
.ryokinpage #contentsarea h2 {
	margin:0 0 1px;
	background:url(/ekiren_self_step1/service/common/img/ico_plus_w.png) no-repeat right 10px center #71bc4a;
	background-size:15px auto;
}
.ryokinpage #contentsarea #price h2 {
	margin:0 0 20px;
	background:#71bc4a !important;
}
.ryokinpage #contentsarea h2.on {
	margin:0 0 20px;
	background:url(/ekiren_self_step1/service/common/img/ico_minus_w.png) no-repeat right 10px center #71bc4a;
	background-size:15px auto;
}
#contentsarea h3 {
	font-size:1.5rem;
	line-height:1.4;
	letter-spacing:0.05em;
	padding:0 15px 10px 33px;
	margin:25px 0 15px;
	border-bottom:solid 2px #eee;
	background:url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 15px 4px;
	background-size:12px auto;
}
#contentsarea h3.numttl {
	color:#006f3f;
	font-size:1.6rem;
	padding:0 0 0 2em;
	margin:0 15px 15px;
	background:none;
	position:relative;
	border-bottom:0;
}
#contentsarea h3.numttl span {
	color:#fff;
	font-weight:bold;
	width:1.5em;
	text-align: center;
	display:inline-block;
	position: absolute;
	left:0;
	background:#008258;
	border-radius:3px;
}
#contentsarea h4.chuittl {
	color:#fff;
	font-size:1.4rem;
	line-height:2;
	text-align:center;
	letter-spacing:0.1em;
	padding:3px 0;
	margin:25px 15px 15px;
	border-radius:3px;
	background:#008258;
}
#contentsarea h4.chuittl .ico {
	padding:0 0 0 24px;
	display: inline-block;
	background:url(/ekiren_self_step1/service/common/img/ico_note.png) no-repeat 0 center;
	background-size:19px auto;
}
#contentsarea p, section ul li {
	font-size:1.4rem;
	line-height:1.8;
	padding:0 15px;
	margin:0 0 10px;
}
#contentsarea p.bigtext {
	font-size:1.5rem;
}
#contentsarea p a, #contentsarea ul li a {
	color:#006f3f;
	text-decoration:underline;
}
#contentsarea p.ling {
	padding:0 0 0 18px;
	background:url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 0 5px;
	background-size:12px auto;
}
#kyuyu p.ling, #henkyaku p.ling {
	margin:0 15px 10px;
}
#henkyaku p.ling {
	font-weight:bold;
}
#kyuyu p.chui {
	margin:5px 15px 10px;
}
#contentsarea p.indent {
	text-indent:-1em;
	padding:0 0 0 1em;
	margin:0 15px 10px;
}

section .btn {
	margin:15px 15px 0;
}
section .btn a {
	margin:0;
}
#henkyaku section .btn a {
	margin:0 auto 20px;
}

#contentsarea ul.how_nav {
	width:100%;
	padding:0 5px 0 15px;
	display:table;
	box-sizing:border-box;
}
#contentsarea ul.how_nav li {
	width:16.66%;
	line-height:1;
	margin:0;
	padding:0 10px 0 0;
	display:table-cell;
	background:url(/ekiren_self_step1/service/how_to_use/img/nagare_arrow.png) no-repeat right 2px center;
	background-size:6px auto;
	box-sizing:border-box;
}
#contentsarea ul.how_nav li:last-child {
	background:none !important;
}
#contentsarea ul.how_nav li a {
	color:#fff;
	font-size:1.1rem;
	line-height:1;
	letter-spacing:0.2em;
	text-align:center;
	text-decoration:none;
	padding:34px 0 5px 0.1em;
	border-radius:3px;
	display: block;
	border-bottom:solid 3px #008258;
}
ul.how_nav li.nav1 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_nyukai.png) no-repeat center 6px #71bc4a;
	background-size:27px auto;
}
ul.how_nav li.nav2 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_yoyaku.png) no-repeat center 5px #71bc4a;
	background-size:15px auto;
}
ul.how_nav li.nav3 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_syuppatsu.png) no-repeat center 9px #71bc4a;
	background-size:27px auto;
}
ul.how_nav li.nav4 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_kyuyu.png) no-repeat center 6px #71bc4a;
	background-size:20px auto;
}
ul.how_nav li.nav5 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_henkyaku.png) no-repeat center 9px #71bc4a;
	background-size:27px auto;
}
ul.how_nav li.nav6 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_seisan.png) no-repeat center 7px #71bc4a;
	background-size:17px auto;
}
.nyukaipage ul.how_nav li.nav1 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_nyukai.png) no-repeat center 6px #008258;
	background-size:27px auto;
}
.yoyakupage ul.how_nav li.nav2 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_yoyaku.png) no-repeat center 5px #008258;
	background-size:15px auto;
}
.syuppatsupage ul.how_nav li.nav3 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_syuppatsu.png) no-repeat center 9px #008258;
	background-size:27px auto;
}
.kyuyupage ul.how_nav li.nav4 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_kyuyu.png) no-repeat center 6px #008258;
	background-size:20px auto;
}
.henkyakupage ul.how_nav li.nav5 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_henkyaku.png) no-repeat center 9px #008258;
	background-size:27px auto;
}
.seisanpage ul.how_nav li.nav6 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_seisan.png) no-repeat center 7px #008258;
	background-size:17px auto;
}
#nagare p {
	font-size:1.2rem;
	line-height:1;
	text-align:center;
	margin:17px 0 0;
}

#contentsarea ul.indent, #contentsarea ul.indentkakko {
	padding:0 15px;
}
#contentsarea ul.indent li {
	text-indent:-1em;
	margin:10px 0 0;
	padding:0 0 0 1em;
}
#contentsarea ul.indentkakko li {
	text-indent:-3em;
	margin:15px 0 0;
	padding:0 0 0 3em;
}

#contentsarea .chui {
	font-size:1.2rem;
	text-indent:-1em;
	padding:0 0 0 1em;
	margin:5px 0 0;
}
.nyukaipage #contentsarea .chui, .ryokinpage #contentsarea .chui {
	margin:5px 15px 0;
}
.yoyakupage #contentsarea .chui {
	margin:5px 15px 10px;
}
.syuppatsupage #contentsarea .chui {
	display:block;
}
.syuppatsupage #contentsarea p.chui {
	margin:5px 15px 0;
}
#henkyaku .chui {
  margin:5px 15px 0;
}

#rule p.mb {
	margin-bottom:15px;
}
#rule p.indent {
	margin-bottom:0 !important;
}
#contentsarea ul.indent li p.indent:first-child {
	margin-top:5px;
}

#nagarebottom {
	padding:20px 0 0;
	border-top:solid 3px #006f3f;
}
#nagarebottom ul.twocol, #noc ul.twocol {
	margin:35px 0 0;
}
#nagarebottom ul.twocol li.btn, #noc ul.twocol li.btn {
	margin-top:25px;
}
#nagarebottom ul.twocol li.btn a, #noc ul.twocol li.btn a {
	color:#fff;
	text-decoration:none;
	margin:0 auto;
}

#contentsarea .image {
	margin:20px 15px 15px;
}
#contentsarea .image img {
	margin:0 auto;
	display:block;
	border:solid 1px #e0e0e0;
	box-sizing: border-box;
}
.blank img {
	display:inherit !important;
	width: 11px !important;
	border:none !important;
	box-sizing: inherit !important;
}
.syuppatsupage #contentsarea .image img, .henkyakupage #contentsarea .image img {
	border:0;
}
.syuppatsupage #contentsarea .image, .henkyakupage #contentsarea .image {
	position: relative;
}
.syuppatsupage #contentsarea .image::after, .henkyakupage #contentsarea .image::after {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	display:block;
	border:solid 4px rgba(255,255,255,0.8);
	box-sizing: border-box;
}

.table {
	margin:20px 30px 10px;
}
.syuppatsupage .table, .kyuyupage .table {
	margin:20px 15px 10px;
}
.syuppatsupage .table .text, .kyuyupage .table .text {
	padding:10px 0;
	background:#fff;
}
#contentsarea .table h4 {
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	line-height:2;
	text-align: center;
	padding:3px 0 2px;
	margin:0;
	background:#008258;
}
#contentsarea .table h4 .note {
	padding:0 0 0 26px;
	display:inline-block;
	background:url(/ekiren_self_step1/service/common/img/ico_note.png) no-repeat 0 center;
	background-size:20px auto;
}
#contentsarea .table ul.centerlist {
	text-align: center;
	padding:10px 0;
	background:#fff;
}
#contentsarea .table ul.centerlist li {
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.6;
	padding:0 0 0 14px;
	margin:0 6px;
	display:inline-block;
	background:url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 center;
	background-size:10px auto;
}
.kyuyupage #contentsarea .table ul.centerlist {
	text-align:left;
	padding:5px 10px;
}
.kyuyupage #contentsarea .table ul.centerlist li {
	font-weight:normal;
	margin:0 8px 5px;
}

#anchor {
	margin:15px 0 0;
}
#pagelink #anchor {
  margin:0;
}
#anchor ul {
	text-align:center;
}
#anchor ul li {
	margin:15px 0 0;
	padding:0 30px;
	display:inline-block;
}
.eigyopage #anchor ul {
	margin-top: -15px;
}
.eigyopage #anchor ul li {
	margin:15px 0 0;
	padding:0 5px;
}
#anchor ul li a {
	color:#333;
	font-size:1.2rem;
	font-weight:bold;
	line-height:1;
	text-align: center;
	padding:10px 20px;
	text-decoration: none;
	display: block;
	border:solid 1px #71bc4a;
	border-radius:3px;
	box-sizing: border-box;
}
#anchor ul li a .arrow {
	padding:0 0 0 14px;
	display:inline-block;
	background:url(/ekiren_self_step1/service/common/img/ico_anchor.png) no-repeat 0 center;
	background-size:8px auto;
}

ul.leftlist {
	margin:15px 15px 10px;
	padding:5px 15px 15px;
	background:#fff;
}
ul.leftlist li {
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.6;
	padding:0 0 0 14px;
	margin:10px 0 0;
	background:url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 6px;
	background-size:10px auto;
}

#change p.red {
	margin:15px 0 10px;
}
#change p.indent.red {
  margin:15px 15px 10px;
}

#important {
	padding:15px 0;
	margin:25px 0 0;
	border-top:solid 3px #c00;
	border-bottom:solid 3px #c00;
}
#important .inner {
	width:100%;
	max-width:400px;
	display:table;
	margin:0 auto;
}
#important .icon {
	width:20%;
	padding:0 0 0 15px;
	display: table-cell;
	box-sizing: border-box;
	vertical-align: top;
}
#important p {
	width:80%;
	padding:0 15px 0 13px;
	display: table-cell;
	box-sizing: border-box;
	vertical-align: top;
}
#important .icon img, #important p img.sp {
	display: block;
}
#henkyaku section:nth-child(2) {
	margin-bottom:25px;
}

#henkyaku p.marulist {
	padding:0 0 0 16px;
  margin:5px 15px 0;
	background:url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 6px;
	background-size:10px auto;
}

#seisan .inner {
	padding:0 15px;
}
#seisan h3 {
	color:#006f3f;
  font-size:1.6rem;
  line-height:1;
  letter-spacing: 0.05em;
	text-align:center;
  padding:0 !important;
  margin:25px 0 20px;
  border-bottom:0 !important;
  background:none !important;
}
#seisan .sec {
	margin:15px 0 0;
	padding:15px 15px 5px;
	clear: both;
	background:#f5f4f0;
}
#seisan .sec h4 {
	font-size:1.4rem;
	font-weight: bold;
	line-height:1.7;
	padding:0 0 0 18px;
	margin:0 0 10px;
	background: url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 0 4px;
  background-size: 12px auto;
}
#seisan .sec .chui {
  margin:0 0 10px;
}

#car section {
	padding:0 15px;
}
#car section .image {
	padding:0 22%;
  margin:20px 0 10px;
}
#car section .image img {
	border:0;
}
#car ul.carlist {
	margin:0 0 20px;
}
#car ul.carlist li {
	width:100%;
	padding:8px 5px;
	margin:0;
	border-bottom:solid 1px #e7e7e7;
	display:table;
	box-sizing: border-box;
}
#car ul.carlist li h3 {
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.4;
	width:8em;
	padding:0 5px;
	margin:0 !important;
  border-bottom:0 !important;
  background:none !important;
	vertical-align: bottom;
	display:table-cell;
}
#car ul.carlist li p {
	font-size:1.2rem;
	line-height:1.4;
	padding:0 5px 0 0;
	margin:0 !important;
	vertical-align: bottom;
	display:table-cell;
}
#car ul.carlist li.baggage p span {
	color:#c00;
	font-weight:bold;
}
#car ul.carlist li.baggage p span.bag {
	padding:0 0.5em 0 0;
	display: inline-block;
}
#car ul.carlist li.baggage p span.bag img {
	width:23px;
	padding-right:3px;
	position: relative;
	top:2px;
}
#car ul.carlist li.baggage p span.case {
	padding:0 0 0 0.5em;
	display: inline-block;
}
#car ul.carlist li.baggage p span.case img {
	width:16px;
	padding-right:3px;
	position: relative;
	top:2px;
}

ul.ryokintable {
	width:100%;
	padding:10px 14px 0 15px;
	box-sizing: border-box;
	display:flex;
}
ul.ryokintable li {
	padding:0;
	margin:0;
	box-sizing: border-box;
}
ul.ryokintable.twotab, ul.ryokintable.onetab, ul.ryokintable.threetab {
	flex-wrap:wrap;
}
ul.ryokintable.twotab li {
	width:50%;
	border-right:solid 1px #fff;
}
ul.ryokintable.onetab li {
	width:100%;
}
ul.ryokintable.threetab li {
	width:33.33%;
	border-right:solid 1px #fff;
}
ul.ryokintable h4 {
	color:#fff;
	font-size:1.6rem;
	line-height:1.5;
	font-weight:bold;
	text-align: center;
	padding:8px 0;
	background:#006f3f;
	border-top:solid 1px #fff;
}
ul.ryokintable h4.nigyo, #contentsarea ul.ryokintable p.nigyo {
	line-height:3;
}
#contentsarea ul.ryokintable p {
	font-size:1.4rem;
	line-height:1.5;
	text-align: center;
	padding:8px 0;
	margin:0;
	background:#f5f4f0;
	border-top:solid 1px #fff;
}
#contentsarea ul.ryokintable li.head p {
	font-weight:bold;
}

#contentsarea .bigtable h3 {
	color:#088258;
	font-size: 1.8rem;
	text-align: center;
  padding:0 0 0 0.25em;
	margin:25px 0 5px;
  border-bottom:0;
  background:none;
}
#contentsarea h3.green {
	color:#088258;
	font-size: 1.8rem;
	text-align: center;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding:7px 0;
  margin: 25px 15px -5px;
  border-bottom:0;
  background:#daf2ce;
}
#contentsarea #noc h3.green {
	margin:35px 15px 15px;
}
.graybox {
	padding:30px 5px 26px;
	margin:25px 15px 10px;
	background:#f5f4f0;
	position: relative;
}
.centerbox {
	padding:20px 5px 6px;
	margin:30px 15px 10px;
	background:#f5f4f0;
}
#noc .centerbox {
	text-align: center;
	margin:20px 15px 10px;
}
.centerbox .center {
	text-align: center;
}
#contentsarea .centerbox h4, #contentsarea .graybox h4 {
	color:#fff;
	font-size:1.6rem;
	line-height:1;
	font-weight:bold;
	text-align: center;
	padding:4px 20px;
	margin:0 0 5px;
	border-radius:3px;
	display:inline-block;
	background:#008258;
}
#contentsarea .graybox h4 {
	margin:0;
	position: absolute;
	top:-12px;
	left:10px;
}
#contentsarea .graybox h5 {
	color:#c00;
	font-size:1.6rem;
	font-weight:bold;
	margin:0 0 15px;
	text-align: center;
	padding:25px 0 0;
	margin:0;
	background:url(/ekiren_self_step1/service/ryokin/img/ico_arrow.png) no-repeat center 0;
	background-size:45px;
}
#contentsarea .graybox h5 strong {
	font-size:2rem;
}
#contentsarea .graybox p, #contentsarea .centerbox p {
	margin:0 0 10px;
	text-align: center;
}
#contentsarea .centerbox p {
	font-size:1.6rem;
}
#contentsarea .centerbox p strong {
	color:#c00;
	font-size:1.9rem;
	font-weight:bold;
	display: inline-block;
	padding:0 0.2em;
}

#noc {
	padding-bottom:40px;
}
#noc section:last-child {
	margin-bottom:0;
}

.eigyohead {
	padding:30px 15px 15px;
	background:#f5f4f0;
}
.eigyohead:nth-child(even) {
	background:#ffffff;
}

.eigyopage #contentsarea .eigyohead h3 {
	color:#008258;
	font-size:1.8rem;
	font-weight:bold;
	padding:0 0 0 15px;
	margin:0 0 15px;
	border-bottom:0;
	background:none;
	position:relative;
}
.eigyopage #contentsarea .eigyohead h3::after {
	content:"";
	display:block;
	width:5px;
	height:25px;
	background:#008258;
	border-radius:5px;
	position: absolute;
	top:0;
	left:0;
}
.eigyopage #contentsarea .eigyohead .textarea p{
	line-height:1.8;
	padding:0;
	margin:0 0 10px;
}
.map {
	margin:0 0 15px;
	border:solid 1px #ccc;
}
.map iframe {
	width:100%;
	height:180px;
	display: block;
}

.eigyopage #contentsarea .eigyohead .inner .detailarea .detailbox  {
    margin: 0 0 20px;
}

.eigyopage #contentsarea .textarea ul.detail li {
	padding:0 0 0 6.5em;
	margin:10px 0 0;
	position:relative;
}
.eigyopage #contentsarea .textarea ul.detail li.stationlink {
	padding:0;
	margin:10px 0 0;
	position:relative;
}
.eigyopage #contentsarea .textarea ul.detail li.stationlink img {
	width: 11px;
    height: auto;
    padding: 0 3px;
    position: relative;
    top: -2px;
}

.eigyopage #contentsarea .textarea ul li h4 {
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.6;
	width:5.5em;
	padding:2px 0;
	text-align: center;
	box-sizing: border-box;
	position: absolute;
	left:0;
	border-radius:3px;
	background:#008258;
}
.eigyopage #contentsarea .textarea ul li h4 sup {
	font-size:70%;
}
.eigyopage #contentsarea .textarea ul li p {
	font-size:1.4rem;
	line-height:1.6;
	padding:3px 0 0;
}
.eigyopage #contentsarea .textarea ul li p .chui {
	font-size:1.2rem;
	display:block;
}
.accessarea,
.areapics {
	padding:0 0 30px;
}
.accessarea ul {
	display:none;
}
.eigyopage #contentsarea .access h3 {
  color: #008258;
  font-size: 1.5rem;
  font-weight: bold;
	text-align: center;
  padding:12px 30px;
  margin:0;
  border-bottom:0;
	background:url(/ekiren_self_step1/service/common/img/ico_plus_g.png) no-repeat right 15px center #daf2ce;
	background-size:15px;
}
.eigyopage #contentsarea .access h3.on {
	background:url(/ekiren_self_step1/service/common/img/ico_minus_g.png) no-repeat right 15px center #daf2ce;
	background-size:15px;
}
.eigyopage #contentsarea .access ul li,
.eigyopage #contentsarea .areapics ul li {
	padding:20px 15px 0;
	margin:0;
}
.eigyopage #contentsarea .access .image {
	margin:0;
	position: relative;
}
.eigyopage #contentsarea .access .image a {
	pointer-events:none;
	display: block;
}
.eigyopage #contentsarea .access .image a h4 {
	color:#fff;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.66;
	text-align:center;
	background:#008258;
	position: absolute;
	top:1px;
	left:1px;
	width:30px;
	padding:4px 0;
}
.eigyopage #contentsarea .access p,
.eigyopage #contentsarea .areapics p {
	font-size:1.4rem;
	line-height:1.5;
	margin:10px 0 0;
	padding:0;
}
.eigyopage #contentsarea .access p .chui {
	display: block;
}
.eigyopage #contentsarea .areapics .image {
	margin:0;
	position: relative;
}
.arrow_top::before {
	content:"\025b2";
	font-size: 10px;
	color: #75be50;
	margin-right: 0.5em;
}

/* smaller than 360 */
@media screen and (max-width: 359px), print {

#anchor ul li a {
	padding:10px;
}

}


/* bigger than 480 */
@media screen and (min-width: 480px), print {
#anchor ul li {
	padding:0 80px;
}

}

/* bigger than 640 */
@media screen and (min-width: 640px), print {

#titlearea h1 {
	font-size:3.6rem;
	padding:30px 20px 30px 120px;
}
.infopage #titlearea h1 {
	background:url(/ekiren_self_step1/service/info/img/ico_title.png) no-repeat 30px center;
	background-size:70px auto;
}
.howtousepage #titlearea h1 {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_title.png) no-repeat 30px center;
	background-size:70px auto;
}
.car_modelpage #titlearea h1 {
	background:url(/ekiren_self_step1/service/car_model/img/ico_title.png) no-repeat 30px center;
	background-size:70px auto;
}
.ryokinpage #titlearea h1 {
	background:url(/ekiren_self_step1/service/ryokin/img/ico_title.png) no-repeat 30px center;
	background-size:70px auto;
}
.eigyopage #titlearea h1 {
	background:url(/ekiren_self_step1/service/station/img/ico_title.png) no-repeat 30px center;
	background-size:70px auto;
}
#titlearea h2 {
	font-size:2.6rem;
	padding:25px 30px;
}

section {
	margin:30px 0 75px;
}
section.howto {
  margin: 0;
  padding:40px 0 60px;
	position: relative;
}
.eigyopage section {
	border-top:solid 6px #006f3f;
}
#contentsarea h2 {
	font-size:3.0rem;
	padding:20px 30px 16px;
	margin:0 0 30px;
}
.ryokinpage #contentsarea h2 {
	background:url(/ekiren_self_step1/service/common/img/ico_plus_w.png) no-repeat right 20px center #71bc4a;
	background-size:30px auto;
}
.ryokinpage #contentsarea #price h2 {
	margin:0 0 30px;
}
.ryokinpage #contentsarea h2.on {
	margin:0 0 30px;
	background:url(/ekiren_self_step1/service/common/img/ico_minus_w.png) no-repeat right 20px center #71bc4a;
	background-size:30px auto;
}

#contentsarea h3 {
	font-size:2.6rem;
	padding:0 20px 15px 66px;
	margin:40px 0 25px;
	background:url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 30px 8px;
	background-size:24px auto;
	border-bottom: solid 4px #eee;
}
#contentsarea h3.numttl {
	font-size:2.6rem;
	margin:0 30px 25px;
}
#contentsarea .image {
  margin:30px;
}
#contentsarea p, section ul li {
	font-size:2.2rem;
	padding:0 30px;
	margin:0 0 20px;
}
#contentsarea p.bigtext {
	font-size:2.4rem;
}

section .btn {
	margin:25px 30px 0;
}

#contentsarea ul.how_nav {
	padding:0 10px 0 30px;
}
#contentsarea ul.how_nav li {
	padding:0 20px 0 0;
	background:url(/ekiren_self_step1/service/how_to_use/img/nagare_arrow.png) no-repeat right 5px center;
	background-size:10px auto;
}
#contentsarea ul.how_nav li a {
	font-size:1.8rem;
	padding:72px 0 10px 0.1em;
	border-bottom:solid 4px #008258;
}
ul.how_nav li.nav1 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_nyukai.png) no-repeat center 12px #71bc4a;
	background-size:59px auto;
}
ul.how_nav li.nav2 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_yoyaku.png) no-repeat center 10px #71bc4a;
	background-size:34px auto;
}
ul.how_nav li.nav3 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_syuppatsu.png) no-repeat center 24px #71bc4a;
	background-size:58px auto;
}
ul.how_nav li.nav4 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_kyuyu.png) no-repeat center 14px #71bc4a;
	background-size:44px auto;
}
ul.how_nav li.nav5 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_henkyaku.png) no-repeat center 24px #71bc4a;
	background-size:58px auto;
}
ul.how_nav li.nav6 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_seisan.png) no-repeat center 12px #71bc4a;
	background-size:42px auto;
}
.nyukaipage ul.how_nav li.nav1 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_nyukai.png) no-repeat center 12px #008258;
	background-size:59px auto;
}
.yoyakupage ul.how_nav li.nav2 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_yoyaku.png) no-repeat center 10px #008258;
	background-size:34px auto;
}
.syuppatsupage ul.how_nav li.nav3 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_syuppatsu.png) no-repeat center 24px #008258;
	background-size:58px auto;
}
.kyuyupage ul.how_nav li.nav4 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_kyuyu.png) no-repeat center 14px #008258;
	background-size:44px auto;
}
.henkyakupage ul.how_nav li.nav5 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_henkyaku.png) no-repeat center 24px #008258;
	background-size:58px auto;
}
.seisanpage ul.how_nav li.nav6 a {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_seisan.png) no-repeat center 12px #008258;
	background-size:42px auto;
}
#nagare p {
	font-size:2.0rem;
	margin:25px 0 0;
}

#contentsarea ul.indent, #contentsarea ul.indentkakko {
	padding:0 30px;
}
#contentsarea ul.indent li, #contentsarea ul.indentkakko li {
	margin:20px 0 0;
}

#contentsarea .chui {
	font-size:1.8rem;
	margin:10px 0 0;
}
.yoyakupage #contentsarea .chui {
  margin:10px 30px 20px;
}
.syuppatsupage #contentsarea p.chui {
	margin:10px 30px;
}
#rule p.mb {
	margin-bottom:25px;
}

#nagarebottom {
	padding:10px 0 0;
	border-top:solid 4px #006f3f;
}
#nagarebottom ul.twocol, #noc ul.twocol {
	margin:50px 0 0;
}
#nagarebottom ul.twocol li.btn, #noc ul.twocol li.btn {
	margin-top:35px;
}

.table {
	max-width:530px;
	margin:30px auto 10px;
}
.syuppatsupage .table, .kyuyupage .table {
	max-width:none;
  margin:40px 30px 20px;
}
#contentsarea .table h4 {
	font-size:2.6rem;
	padding:7px 0 6px;
}
#contentsarea .table h4 .note {
  padding:0 0 0 50px;
  background: url(/ekiren_self_step1/service/common/img/ico_note.png) no-repeat 0 center;
  background-size:40px auto;
}
#contentsarea .table ul.centerlist {
	padding:20px 0;
}
#contentsarea .table ul.centerlist li {
  font-size:2.2rem;
  padding:0 0 0 26px;
  margin:0 10px;
  background: url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 center;
  background-size:20px auto;
}

#anchor ul li {
	margin:20px 0 0;
}
#anchor ul li a {
	font-size:1.8rem;
	padding:15px 30px;
}
#anchor ul li a .arrow {
  padding:0 0 0 24px;
  background: url(/ekiren_self_step1/service/common/img/ico_anchor.png) no-repeat 0 center;
  background-size:13px auto;
}

ul.leftlist {
	margin:25px 30px 20px;
  padding:10px 30px 30px;
}
ul.leftlist li {
	font-size:2.2rem;
	padding:0 0 0 26px;
  margin:20px 0 0;
  background: url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 7px;
  background-size:20px auto;
}

#change p.red {
  margin: 30px 0 20px;
}
.syuppatsupage #contentsarea .image::after, .henkyakupage #contentsarea .image::after {
	border: solid 8px rgba(255,255,255,0.8);
}

#contentsarea p.ling {
  padding:0 0 0 36px;
  background: url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 0 6px;
  background-size: 24px auto;
}
#kyuyu p.ling, #henkyaku p.ling {
  margin: 0 30px 15px;
}
#kyuyu p.chui, #henkyaku p.chui {
  margin:10px 30px 20px;
}
.kyuyupage .table .text, .syuppatsupage .table .text {
  padding:20px 15px 15px;
}
.kyuyupage #kyuyu .table p.chui {
  margin:10px 15px 20px;
}
.kyuyupage #contentsarea .table ul.centerlist {
  padding:5px 6px 0;
}
.kyuyupage #contentsarea .table ul.centerlist li {
  margin: 0 8px 10px;
}
#henkyaku section .btn a {
  margin: 0 auto 30px;
}
#important {
	padding:30px;
	border-top:solid 6px #c00;
	border-bottom:solid 6px #c00;
}
#important .inner {
	max-width:640px;
}
#important .icon {
	padding:0 0 0 30px;
}
#important p {
	padding:0 30px 0 26px;
}
#contentsarea h4.chuittl {
	font-size: 2.4rem;
	margin:35px 30px 20px;
}
#henkyaku p.marulist {
  padding: 0 0 0 32px;
  margin: 10px 30px 0;
  background: url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 8px;
  background-size: 20px auto;
}

#contentsarea #seisan h3 {
  font-size:2.4rem;
  margin:35px 0 25px;
}
#seisan .sec {
	margin:30px 0 0;
	padding:20px 30px 5px;
}
#seisan .sec h4 {
	font-size:1.8rem;
	padding:0 0 0 24px;
	margin:0 0 15px;
	background: url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 0 6px;
  background-size: 18px auto;
}
#seisan .sec .chui {
  margin:0 0 15px;
}

#car section {
  padding: 0 30px;
}
#car ul.carlist {
	margin:0 0 30px;
}
#car ul.carlist li {
	padding:15px 10px;
	border-bottom:solid 2px #e7e7e7;
}
#car ul.carlist li h3 {
	font-size:1.8rem;
	padding:0 10px;
}
#car ul.carlist li p {
	font-size:1.8rem;
	padding:0 10px 0 0;
}
#car ul.carlist li.baggage p span.bag img {
	width:35px;
}
#car ul.carlist li.baggage p span.case img {
	width:24px;
}

#contentsarea p.indent {
  margin:0 30px 15px;
}
.ryokinpage #contentsarea .chui {
  margin:10px 30px 0;
}

ul.ryokintable {
  padding:20px 28px 0 30px;
}
ul.ryokintable.twotab li {
  border-right: solid 2px #fff;
}
ul.ryokintable h4 {
	font-size:2.4rem;
  padding:15px 0;
	border-top: solid 2px #fff;
}
#contentsarea ul.ryokintable p {
	font-size:2.2rem;
	padding:15px 0;
	border-top: solid 2px #fff;
}
#contentsarea .bigtable h3 {
  font-size:2.8rem;
  margin:40px 0 10px;
}
#contentsarea h3.green {
  font-size:2.8rem;
  padding:11px 0;
  margin:40px 30px -5px;
}
#contentsarea #noc h3.green {
  margin:60px 30px 25px;
}

.graybox {
  padding:50px 10px 44px;
  margin:45px 30px 20px;
}
.centerbox {
	padding:40px 10px 12px;
	margin:40px 30px 15px;
}
#noc .centerbox {
	margin:40px 30px 15px;
}
#contentsarea .centerbox h4, #contentsarea .graybox h4 {
	font-size:2.8rem;
	padding:10px 35px;
	margin:0 0 10px;
}
#contentsarea .graybox h4 {
	top:-18px;
	left:20px;
	margin:0;
}
#contentsarea .graybox h5 {
	font-size:2.6rem;
	margin:0 0 5px;
	padding:50px 0 0;
	background:url(/ekiren_self_step1/service/ryokin/img/ico_arrow.png) no-repeat center 0;
	background-size:90px;
}
#contentsarea .graybox h5 strong {
	font-size:3.6rem;
}
#contentsarea .graybox p, #contentsarea .centerbox p {
	font-size:2.4rem;
	margin:0 0 15px;
}
#contentsarea .centerbox p {
	font-size:2.4rem;
}
#contentsarea .centerbox p strong {
	font-size:3.6rem;
}
#change p.indent.red {
  margin:15px 30px 15px;
}

#noc section:last-child {
	margin-bottom:35px;
}

#pagelink section {
  margin:30px 0;
}
.eigyopage #anchor ul li {
  padding:0 15px;
}
.eigyohead {
  padding:30px;
}
.eigyopage #contentsarea .eigyohead h3 {
  font-size:3.2rem;
  padding:0 0 0 26px;
  margin:0 0 25px;
}
.eigyopage #contentsarea .eigyohead h3::after {
  width:8px;
  height:43px;
}
.map {
	margin:0 0 30px;
}
.map iframe {
	height:360px;
}



.eigyopage #contentsarea .textarea ul.detail li {
	margin:0;
	padding:0 0 0 7em;
}
.eigyopage #contentsarea .textarea ul li h4 {
	font-size:2.4rem;
	padding:4px 0;
}
.eigyopage #contentsarea .textarea ul li p {
	font-size:2.4rem;
	padding:6px 0 0;
}
.eigyopage #contentsarea .textarea ul li p .chui {
	font-size:2.0rem;
}
.accessarea,
.areaimage {
	padding:0 0 60px;
}
.eigyopage #contentsarea .access h3 {
  font-size:2.6rem;
  padding:20px 50px;
	background:url(/ekiren_self_step1/service/common/img/ico_plus_g.png) no-repeat right 30px center #daf2ce;
	background-size:30px;
}
.eigyopage #contentsarea .access h3.on {
	background:url(/ekiren_self_step1/service/common/img/ico_minus_g.png) no-repeat right 30px center #daf2ce;
	background-size:30px;
}
.eigyopage #contentsarea .access ul li,
.eigyopage #contentsarea .areapics ul li {
	padding:40px 30px 0;
}
.eigyopage #contentsarea .access .image a h4 {
	font-size:3.0rem;
	width:60px;
}
.eigyopage #contentsarea .access p,
.eigyopage #contentsarea .areapics p {
	font-size:2.0rem;
	margin:15px 0 0;
}
.eigyopage #contentsarea .textarea ul li p .chui {
	margin:10px 0 0;
}

}


/* bigger than 780 */
@media screen and (min-width: 750px), print {
#titlearea h1 {
	text-align: center;
	padding:120px 0 30px;
}
.infopage #titlearea h1 {
	background:url(/ekiren_self_step1/service/info/img/ico_title.png) no-repeat center 36px;
	background-size:70px auto;
}
.howtousepage #titlearea h1 {
	background:url(/ekiren_self_step1/service/how_to_use/img/ico_title.png) no-repeat center 36px;
	background-size:70px auto;
}
.car_modelpage #titlearea h1 {
	background:url(/ekiren_self_step1/service/car_model/img/ico_title.png) no-repeat center 36px;
	background-size:70px auto;
}
.ryokinpage #titlearea h1 {
	background:url(/ekiren_self_step1/service/ryokin/img/ico_title.png) no-repeat center 36px;
	background-size:70px auto;
}
.eigyopage #titlearea h1 {
	background:url(/ekiren_self_step1/service/station/img/ico_title.png) no-repeat center 36px;
	background-size:70px auto;
}
#titlearea h2 {
	color:#fff;
	font-size:2.4rem;
	padding:2px 0 35px;
	background:#006f3f;
}
#titlearea h2 br {
	display:none;
}

section {
	max-width:1100px;
	padding:0 20px;
	margin:0 auto 80px;
}
.infopage section {
	margin:60px auto 0;
}
.eigyopage section {
	padding:0;
}
section.howto {
	max-width:none;
  margin:0;
  padding:60px 0;
  position: relative;
}
.ryokinpage section.toggle {
	display:block !important;
}
#change section.howto:nth-child(3) {
	padding:40px 0 60px;
}
.nyukaipage #nyukai section.howto:nth-child(3), .nyukaipage #nyukai section.howto:nth-child(5), .nyukaipage #nyukai section.howto:nth-child(7), .nyukaipage #nyukai section.howto:nth-child(10),
.yoyakupage #reserve section.howto:last-child, .yoyakupage #change section.howto, .yoyakupage #cancel section.howto, .syuppatsupage #nyukai section.howto:nth-child(3), .syuppatsupage #nyukai section.howto:nth-child(5),
.syuppatsupage #nyukai section.howto:nth-child(6), .kyuyupage section.howto:last-child, .henkyakupage #henkyaku section.howto:nth-child(3), .henkyakupage #henkyaku section.howto:nth-child(6) {
	padding-bottom:50px;
}
.yoyakupage #change section.howto:nth-child(3), .yoyakupage #cancel section.howto:nth-child(2) {
	padding-bottom:60px;
}
.eigyopage section {
	border-top:solid 4px #006f3f;
}
section.howto .inner {
	max-width:1100px;
	margin:0 auto;
	position: relative;
	display:flex;
}
#contentsarea h2 {
	padding:10px 0 8px;
	margin:0 0 30px;
}
.ryokinpage #contentsarea h2 {
	margin:0 0 30px;
	background:#71bc4a !important;
	pointer-events:none;
}

#contentsarea h3 {
	font-size:2.0rem;
	padding:0 10px 7px 34px;
	margin:35px 0 20px;
	border-bottom: solid 2px #eee;
	background:url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 10px 7px;
	background-size:16px auto;
}
#contentsarea h3.numttl {
  font-size:2.0rem;
  margin:2px 20px 20px;
}
#contentsarea h3.numttl span {
	padding:2px 0 0 1px;
	position:absolute;
	top:-1px;
}
#contentsarea p, section ul li {
	font-size:1.6rem;
	padding:0;
	margin:0 0 15px;
}
#contentsarea p.bigtext {
	font-size:1.8rem;
}
#contentsarea p a:hover, #contentsarea ul li a:hover {
	text-decoration:none;
}
#rule p.indent {
	padding-left:1em;
}

#contentsarea section.howto p {
	margin:0 20px 10px;
}
#contentsarea section.howto:nth-child(odd) p {
  margin:0 20px 10px;
}

section .btn {
	margin:20px 0 0;
}
section .btn a {
  font-size:2.6rem;
  width:340px;
  padding:13px 0 11px;
}

#nagare h2 {
	margin-bottom:50px !important;
}
#nagare p {
	margin:25px 0 0;
}
#rule p.mb {
  margin-bottom: 15px;
}
#nagare section, #nagarebottom section {
  padding:0 0 0 20px;
}
#contentsarea ul.how_nav {
  padding:0;
}
#contentsarea ul.indent, #contentsarea ul.indentkakko {
	padding:0;
}
#contentsarea ul.indentkakko {
	margin:0 0 10px;
}
#contentsarea .chui {
  font-size:1.4rem;
  margin:5px 0 0;
}
#contentsarea ul.indent li, #contentsarea ul.indentkakko li {
	margin:5px 0 0;
}
#nagarebottom {
	padding:60px 0 0;
}
#nagarebottom ul.twocol, #noc ul.twocol {
	text-align:center;
  margin:60px 0 0;
	padding:0 20px 0 0;
}
#nagarebottom ul.twocol li.btn, #noc ul.twocol li.btn {
	width:300px;
  margin:0 20px;
	display:inline-block;
}
#nagarebottom ul.twocol li.btn a, #noc ul.twocol li.btn a {
	width:300px;
}

#contentsarea ul.how_nav li a {
	transition:all ease 0.3s;
}
#contentsarea ul.how_nav li a:hover {
	background-color:#008258;
}

#contentsarea .image {
  margin:0 20px;
}
section.howto .image {
	width:345px;
	min-width:345px;
	order:2;
}
#change section.howto .textarea {
	order:2;
}
section.howto:nth-child(odd) .image, #change section.howto:nth-child(odd) .textarea, #kyuyu section.howto .image, #henkyaku section.howto:nth-child(even) .image {
	order:1;
}
#contentsarea .textarea {
  width:100%;
	box-sizing:border-box;
}
section.howto .textarea, #change section.howto .image, #henkyaku section.howto:nth-child(odd) .textarea {
  order:1;
}
section.howto:nth-child(odd) .textarea, #change section.howto:nth-child(odd) .image, #kyuyu section.howto .textarea,
#henkyaku section.howto:nth-child(odd) .image {
  order:2;
}

.table, .kyuyupage .table {
	width:380px;
	margin:30px 20px 10px;
}
.kyuyupage .table, .syuppatsupage .table {
	width:auto;
	margin: 40px 20px 20px;
}
#contentsarea .table h4 {
	font-size:2.0rem;
	padding:5px 0 4px;
}
#contentsarea .table h4 .note {
  padding:0 0 0 40px;
  background: url(/ekiren_self_step1/service/common/img/ico_note.png) no-repeat 0 center;
  background-size:28px auto;
}
#contentsarea .table ul.centerlist {
	padding:15px 0;
}
#contentsarea .table ul.centerlist li {
  font-size:1.8rem;
  padding:0 0 0 18px;
  margin:0 20px;
  background: url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 center;
  background-size:12px auto;
}

#anchor {
  margin:45px 20px 0 0;
}
#anchor ul {
	padding:0 0 30px;
	border-top:solid 1px #71bc4a;
	border-bottom:solid 1px #71bc4a;
}
#anchor ul li {
	margin:30px 0 0;
	padding:0 15px;
}
#anchor ul li a {
	padding:12px 30px;
}
#anchor ul li a, #anchor ul li a .arrow {
	transition:all ease 0.3s;
}
#anchor ul li a:hover {
	background:#71bc4a;
}
#anchor ul li a:hover .arrow {
	color:#fff;
  background: url(/ekiren_self_step1/service/common/img/ico_anchor_w.png) no-repeat 0 center;
  background-size: 13px auto;
}

ul.leftlist {
	margin:25px 20px 15px;
  padding:5px 20px 20px;
}
ul.leftlist li {
	font-size:1.6rem;
  padding:0 0 0 18px;
	margin:10px 0 0;
  background: url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 6px;
  background-size:12px auto;
}

#change p.red {
	font-size:1.8rem;
  margin:30px 20px 0;
}

.syuppatsupage #contentsarea .image::after, .henkyakupage #contentsarea .image::after {
	max-width:530px;
}
.syuppatsupage #contentsarea #nyukai section:nth-child(3) .image::after, .henkyakupage #contentsarea #henkyaku section:nth-child(6) .image::after {
	height:210px;
}

#kyuyu p.red {
	font-size:2.2rem;
	margin:0 20px;
}
#contentsarea p.ling {
  padding:0 0 0 22px;
  background: url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 0 6px;
  background-size:16px auto;
}
#important {
  padding:25px;
  border: solid 3px #c00;
}
#henkyaku p.ling {
	font-size:1.8rem;
  margin: 0 0 10px;
}
#henkyaku section .btn a {
  margin:35px auto 40px;
}
#henkyaku p.chui {
  margin:20px 0 40px;
}
#contentsarea .chui {
	font-size:1.6rem;
}
#important .inner {
  max-width:772px;
}
#important .icon {
  width:100px;
  padding:0 20px 0 0;
	vertical-align: middle;
}
#important p {
  width:auto;
	max-width:672px;
  padding:0;
	vertical-align: middle;
}
#important p img.sp {
  display:none;
}
#henkyaku p.red {
	font-size:2.0rem !important;
	line-height:1.8;
	margin-top:30px !important;
	margin-bottom:30px !important;
}
#henkyaku p.marulist {
  padding: 0 0 0 26px;
  margin:10px 20px 0;
  background: url(/ekiren_self_step1/service/common/img/ico_list_maru.png) no-repeat 0 8px;
  background-size: 16px auto;
}
.chuiBox {
	margin:0 0 0 20px;
	padding:0 0 0 95px;
	position: relative;
}
#contentsarea h4.chuittl {
  font-size:1.8rem;
	line-height:1.8;
	text-align: center;
	padding:0;
  margin:0;
	width:100px;
	position:absolute;
	left:0;
}
.henkyakupage #contentsarea section.howto .chui {
	margin-bottom:0 !important;
}
#contentsarea #seisan h3 {
  margin:55px 0 35px;
}
#seisan .sec {
  margin:10px 0 0;
}
#seisan .sec h4 {
  line-height:2;
  background: url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 0 10px;
  background-size:16px auto;
}

#car section {
  padding: 0 20px;
}
#noc ul.twocol {
	padding:0;
}
#contentsarea p.indent {
  margin:0 0 15px;
}
ul.ryokintable {
  padding: 20px 0 0;
}
.ryokinpage #contentsarea .chui {
  margin:10px 0 0;
}
#change p.indent.red {
  margin:15px 0;
}
ul.ryokintable h4 {
  font-size:1.8rem;
  padding:8px 0 6px;
}
#contentsarea ul.ryokintable p {
  font-size:1.6rem;
  padding:8px 0;
}
ul.ryokintable.onetab li {
	width:50%;
	border-right:solid 2px #fff;
}
#contentsarea ul.ryokintable.onetab li:first-child p {
  line-height:3;
}
#contentsarea h3.green {
  font-size:2.6rem;
  padding:9px 0 7px;
  margin:35px 0 -5px;
}
#contentsarea #noc h3.green {
  margin:60px 0 25px;
}
.graybox {
  padding:35px 10px 20px;
  margin:45px 0 20px;
}
#contentsarea .centerbox h4, #contentsarea .graybox h4 {
  font-size:1.8rem;
  padding:7px 30px 5px;
  margin:10px 0 20px;
}
#contentsarea .graybox h4 {
  top:-22px;
  left:10px;
}
#contentsarea .graybox p, #contentsarea .centerbox p {
  font-size:1.8rem;
  margin:0 0 15px;
}
#contentsarea .graybox h5 {
  font-size:2.0rem;
  padding:30px 0 0;
  background: url(/ekiren_self_step1/service/ryokin/img/ico_arrow.png) no-repeat center 0;
  background-size:45px;
}
#contentsarea .graybox h5 strong {
  font-size:2.2rem;
	padding:5px 0 0 ;
	display: inline-block;
}
ul.ryokintable h4.nigyo,
#contentsarea ul.ryokintable p.nigyo {
  line-height:1.5;
}
#contentsarea #hoken ul.ryokintable p br {
	display:none;
}
.centerbox {
  padding:25px 10px 12px;
	margin:40px 0 15px;
}
#noc .centerbox {
  margin:40px 0 15px;
}
#contentsarea .centerbox p strong {
  font-size:2.2rem;
}
#contentsarea .centerbox .center h4 {
	margin:0;
	margin-right:20px;
}
#contentsarea .centerbox .center h4, #contentsarea .centerbox .center p {
	display:inline-block;
}
#noc {
	padding-bottom:0;
}

#pagelink #anchor {
	margin:0 20px;
}
#pagelink #anchor ul {
  padding:30px 0;
}
.eigyopage #anchor ul {
  margin-top: 0;
  padding:15px 0 30px !important;
}
.eigyopage #anchor ul li {
  padding:0 20px;
}
.eigyohead {
  padding:30px 20px 20px;
}
.eigyopage #contentsarea .eigyohead h3 {
	font-size:2.8rem;
}
.eigyopage #contentsarea .eigyohead h3::after {
  width: 8px;
  height: 40px;
}
.eigyopage #contentsarea .textarea ul.detail li {
	padding:0 0 0 10em;
}
.eigyopage #contentsarea .access {
	padding:40px 0 0;
}
.eigyopage #contentsarea .access h3 {
	padding:10px 20px 8px;
	margin:0 20px;
  background:#daf2ce;
	pointer-events:none;
}
.eigyopage #contentsarea .textarea ul.detail li {
	padding:0 0 0 7em;
}
.eigyopage #contentsarea .textarea ul li h4 {
	font-size:1.8rem;
	padding: 4px 0 3px;
}
.eigyopage #contentsarea .textarea ul li p {
	font-size:1.8rem;
	padding:3px 0 0;
}
.eigyopage #contentsarea .textarea ul li p .chui {
	font-size:1.6rem;
  margin:5px 0 0;
}
.eigyopage #contentsarea .textarea ul li p a {
	text-decoration: underline;
}
.eigyopage #contentsarea .textarea ul li p a:hover {
	text-decoration: none;
}

.eigyopage #contentsarea .textarea ul.detail li.stationlink img {
    top: -4px;
}

.eigyopage #contentsarea .access ul {
	width:100%;
	padding:0 10px;
	display:flex !important;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.eigyopage #contentsarea .access ul li {
	width:33.33%;
	padding:20px 10px 0;
	box-sizing: border-box;
}
.eigyopage #contentsarea .access .image a {
  pointer-events:inherit;
	position: relative;
	transition:all ease 0.3s;
}
.eigyopage #contentsarea .access .image a:hover {
	opacity:0.7;
}
.eigyopage #contentsarea .access .image a::after {
	content:"";
	width:22px;
	height:23px;
	background:url(/ekiren_self_step1/service/eigyo/img/ico_zoom.png) no-repeat 0 0;
	background-size:100% auto;
	position: absolute;
	bottom:5px;
	right:5px;
}
.eigyopage #contentsarea .access .image a h4 {
  font-size:1.8rem;
  width:30px;
	padding:0;
}
.eigyopage #contentsarea .access p,
.eigyopage #contentsarea .areapics p {
  font-size:1.4rem;
  margin:10px 0 0;
}
.eigyopage #contentsarea .access p .chui {
	font-size:1.2rem;
}
.eigyopage #contentsarea .areapics {
	padding:20px 0 0;
}
.eigyopage #contentsarea .areapics ul {
	width:100%;
	padding:0 10px;
	display:flex !important;
	box-sizing: border-box;
	flex-wrap: wrap;
	justify-content: space-between;
}
.eigyopage #contentsarea .areapics ul li {
	width:50%;
	padding:20px 10px 0;
	box-sizing: border-box;
}

}

/* bigger than 820 */
@media screen and (min-width:820px), print {
#nagarebottom ul.twocol li.btn, #noc ul.twocol li.btn {
	width:340px;
}
#nagarebottom ul.twocol li.btn a, #noc ul.twocol li.btn a {
	width:340px;
}

}


/* smaller than 750 */
@media screen and (max-width:749px), print {
.eigyopage #contentsarea .access ul li {
	height:auto !important;
}

}


/* bigger than 980 */
@media screen and (min-width:980px), print {
.table {
	width:440px;
}
section.howto .image {
	width:440px;
	min-width:440px;
}
#contentsarea h3.numttl {
  font-size:2.2rem;
}
#contentsarea section.howto p, #nagare p, ul.leftlist li {
  font-size:1.8rem;
}
#contentsarea section.howto .chui {
	font-size:1.6rem;
}
.syuppatsupage #contentsarea #nyukai section:nth-child(3) .image::after, .henkyakupage #contentsarea #henkyaku section:nth-child(6) .image::after {
	height:268px;
}
#henkyaku p.red {
	font-size:2.2rem !important;
}

#contentsarea #seisan h3 {
	font-size:2.8rem;
}
#seisan .sec h4 {
	font-size:2.0rem;
	background: url(/ekiren_self_step1/service/common/img/ico_circle.png) no-repeat 0 12px;
	background-size: 16px auto;
}
#seisan .sec {
  padding:25px 30px 10px;
}

#car section {
	padding:0 20px;
}
#car section .carbox {
	width:100%;
  display:table;
	box-sizing: border-box;
	padding:10px 0 0;
}
#car section .image {
	width:380px;
	padding:0 30px;
	vertical-align:middle;
	display: table-cell;
	box-sizing: border-box;
}
#car section ul.carlist {
	vertical-align:top;
	display: table-cell;
}
#car ul.carlist {
	margin:0;
}
#car ul.carlist li {
	padding:10px;
	border-bottom:solid 1px #e7e7e7;
}
#car section p.chui {
	font-size:1.8rem;
	text-align: right;
	width:100%;
	display: block;
	clear: both;
	margin:40px 0 0;
}

.twobox {
	width:100%;
	clear:both;
}
.twobox .leftbox {
	width:50%;
	padding:0 15px 0 0;
	float: left;
	box-sizing: border-box;
}
.twobox .rightbox {
	width:50%;
	padding:0 0 0 15px;
	float:right;
	box-sizing: border-box;
}
ul.ryokintable {
  padding:0;
}
.bigtable {
	max-width:800px;
	margin:0 auto;
}
.graybox, .centerbox, #noc .centerbox {
  margin:0;
}
.rightbox .graybox {
	margin:15px 0 0;
}
#contentsarea .graybox h5 br.sp {
	display: inline;
}
#contentsarea #noc .chui {
  font-size: 1.4rem;
}
.ryokinpage #contentsarea .chui {
	margin:0;
}
.ryokinpage #contentsarea .centerbox {
	margin:0 0 10px;
}
#contentsarea #noc h3.green {
  margin: 40px 0 25px;
}
#contentsarea .bigtable h3 {
  font-size:2.6rem;
  margin: 40px 0 20px;
}
.ryokinpage #contentsarea #price p.chui, .ryokinpage #contentsarea #encho p.chui {
  margin-top:10px;
}

.eigyopage #contentsarea .eigyohead h3 {
	display:none;
}
.eigyopage #contentsarea .textarea h3 {
  display:block;
}
.eigyopage #contentsarea .textarea ul li p {
	margin:0;
}
.eigyopage #contentsarea .eigyohead .inner {
    max-width: 1100px;
    margin: 0 auto;
	padding:0;
	position: relative;
}

.eigyopage #contentsarea .eigyohead .inner .detailarea {
    display: flex;
    flex-wrap: wrap;
}

.eigyopage #contentsarea .eigyohead .inner .detailarea .detailbox  {
    width: 49%;
}

.map {
	width:400px;
	height:300px;
  margin:0;
	position:absolute;
	top:0;
	right:0;
}
.map iframe {
  height:300px;
}
.eigyopage #contentsarea .access ul li {
	width:25%;
}
.eigyopage #contentsarea .areapics ul li {
	width:48%;
}

}

/* bigger than 1100 */
@media screen and (min-width:1100px), print {
#nagare section, #nagarebottom section, #nagarebottom ul.twocol {
  padding:0;
}
.eigyopage #pagelink section {
  margin:50px 0;
}
#contentsarea ul.how_nav {
  width:1100px;
}
#contentsarea ul.how_nav li {
	width:190px;
  padding:0 40px 0 0;
  background:url(/ekiren_self_step1/service/how_to_use/img/nagare_arrow.png) no-repeat right 9px center;
  background-size:20px auto;
}
#contentsarea ul.how_nav li:last-child {
	width:150px;
	padding:0;
	background:none;
}
.table, .kyuyupage .table, .syuppatsupage .table {
	width:530px;
	margin:35px 0 10px;
}
#contentsarea .textarea {
	min-width:530px;
}
section.howto .image {
	width:570px;
	min-width:570px;
	box-sizing: border-box;
}
#contentsarea .image img {
	width:530px;
	box-sizing: border-box;
}
#contentsarea section.howto .image, #contentsarea #change section.howto:nth-child(odd) .image, #contentsarea #henkyaku section.howto:nth-child(odd) .image {
	padding:0 0 0 40px;
}
#contentsarea section.howto:nth-child(odd) .image, #contentsarea #kyuyu section.howto .image, #contentsarea #henkyaku section.howto .image {
	padding:0 40px 0 0;
}
#contentsarea .image {
  margin:0;
}
#contentsarea h3.numttl {
  margin:2px 0 20px;
}
#contentsarea section.howto p, #contentsarea section.howto:nth-child(odd) p {
  margin:0 0 10px;
}
#nagare p {
  margin: 30px 0 0;
}
#anchor {
	margin:50px 0 0;
}
#anchor ul li {
  padding:0 20px;
}
#anchor ul li a {
	font-size:2.0rem;
}
ul.leftlist {
  margin: 25px 0 15px;
  padding:15px 20px 30px;
}
#change p.red, #kyuyu p.red {
	max-width:1100px;
  margin:30px auto 0;
}
.syuppatsupage #contentsarea #nyukai section .image::after {
	width:530px;
	left:auto;
	right:0;
}
.henkyakupage #contentsarea #henkyaku section:nth-child(6) .image::after {
	height:323px;
}
.henkyakupage #contentsarea #henkyaku section:nth-child(7) .image::after {
	left:auto;
	right:0;
}
.syuppatsupage #contentsarea #nyukai section:nth-child(3) .image::after {
	height:323px;
	right:auto;
	left:0;
}
.syuppatsupage .table .text {
  padding:20px 30px 15px;
}
.chuiBox {
  margin:0;
  padding:0 0 0 115px;
}

#car section .image {
	width:436px;
	padding:0;
}
#car section .image img {
	width:344px;
	margin:0 auto;
	display:block;
}

.eigyopage section {
	max-width:none;
}
.twobox .leftbox {
	padding:0 20px 0 0;
}
.twobox .rightbox {
	padding:0 0 0 20px;
}

.eigyohead {
  padding:40px 0 20px;
}
.eigyopage #contentsarea .eigyohead .inner, .accessarea .inner, .areaimage .inner {
	padding:0;
	margin:0 auto;
}
.eigyopage #contentsarea .eigyohead .inner {
	padding:0 0 0 20px;
}
.map {
	width:520px;
	right:20px;
}
.eigyopage #contentsarea .eigyohead h3 {
	margin:0 0 30px;
}
.eigyopage #contentsarea .textarea {
	min-width:inherit;
}

}

/* Print */
@media print {
section.howto .inner {
  max-width:1000px !important;
	padding:0 5px;
	box-sizing: border-box;
	flex-wrap: nowrap;
}
section.howto .inner .image, section.howto .inner .image img {
	width:470px !important;
	max-width:470px !important;
	min-width:inherit;
	padding:0 15px;
}
section.howto .inner .image {
	margin:0 !important;
}
section.howto .inner .textarea {
	padding:0 15px;
	box-sizing: border-box;
}
.syuppatsupage #contentsarea .image::after, .henkyakupage #contentsarea .image::after {
	display: none;
}
#nagare section, #nagarebottom section {
	width:1000px;
	padding-left:20px;
	box-sizing: border-box;
}
#contentsarea ul.how_nav {
	width:960px;
}
.map iframe {
	position: absolute;
	top:0;
}
.eigyopage #contentsarea .access .image a {
	width:220px;
	height:150px;
	position: relative;
}
.eigyopage #contentsarea .access .image a img {
	width:220px;
	height:150px;
	position: absolute;
	top:0;
}

}

/* 汎用 */
.fontBold {font-weight: bold!important;}
.fontRed {color: #ff0000!important;}
.textCenter{text-align: center;}

.mb0 {margin-bottom: 0px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}





/* 8/8 */

#contentsarea .apparea{
   padding: 20px;
   background: #f5f4f0;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   box-sizing: border-box;
}

#contentsarea .apparea .appicon{
   width: 100px;
   margin: 0 15px 0 0;
   padding: 0;
}

#contentsarea .apparea .appicon img{
   vertical-align: top;
}

#contentsarea .apparea .apptext{
  width: 82%;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  #contentsarea .apparea .appicon{
    width: 17%;
  }
  #contentsarea .apparea .apptext{
    width: 77%;
    margin: 0;
    padding: 0;
  }
}

section .stationbtn{
    margin: 20px 0 0;
}

section .stationbtn a{
    margin: 20px auto 0;
    font-size: 2.2rem;
    width: 650px;
    padding: 28px 15px 26px;
}

@media (max-width: 767px) {
    section .stationbtn a{
        width: 300px;
        padding: 13px 10px 11px;
        font-size: 1.5rem;
        margin: 20px auto 40px;
    }
}