/*共通*/
body{
    line-height: 1.5;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #222222;
    background-color: rgb(241,241,241)
}
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

#wrap{
    width: 100%;
    margin: 0 auto;
	margin-top:-30px;
}
h2{
    margin: 10px 0;
    padding: 0;
}

/*nav*/
nav.navbar {
    padding: 12px 10px;
}
.navbar-default .navbar-nav>li>a {
    color: #333333;
}
.navbar-default .navbar-nav>li>a:hover {
    opacity: 0.8;
}
.btn_search {
    color: #FFFFFF !important;
    background-color: #333333;
    border-color: #333333;
    font-size: 14px;
    padding: 10px 20px;
    margin: 5px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all  0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.btn_search:hover {
    opacity: 0.8;
}
li.nav_txt {
    font-size: 16px;
    font-weight: bold;
}
.footer_gnav li {
    display: inline-block;
}
.footer .footer_nav {
    background: #243752 !important;
}
.footer .copy {
    background: #243752 !important;
}

/*page*/
section{
	margin: 50px 0;
}
.park_title_bg {
    background-image: url(/img/index_pc/image-city-pc.svg);
    background-size: cover;
    background-position: center;
}
.park_title_bgc {
    background-color: rgba(0,0,0,0.8);
	margin-bottom: 25px;
}
div.park_title {
    color: #FFFFFF;
    text-align: left;
    font-size: 32px;
    font-weight: bold;
    padding: 30px;
}
.unladen {
    background: #1FAAC1;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 10px;
    width: 85px;
    text-align: center;
}
.full_car {
    background: #CB4E4E;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 10px;
    width: 85px;
    text-align: center;
}

/*parks P*/
.parks_map {
    background: #333333;
    color: #FFFFFF;
    width: 215px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    padding: 15px 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all  0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.parks_map a {
    color: #FFFFFF;
}
.parks_map a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.park_no_txt {
    font-size: 28px;
    font-weight: bold;
    color: #333333;
}
.illegal_area{
    text-align: center;
    margin: 10px 0;
}
span.illegal_txt {
    color: #666666;
    font-size: 14px;
}
.panel-title {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    margin: 50px 0 15px 0;
}
.panel-body {
    padding: 0 0 20px 0;
    text-align: center;
}
table.park_table {
    width: 600px;
    margin: 0 auto;
}
table.park_table th,table.park_table td {
    text-align: center;
    padding: 15px;
    font-size: 20px;
}
table.park_table th {
    font-weight: bold;
    color: #FFFFFF;
}
table.park_table th.normal {
background: #666666;
}
table.park_table th.member {
    background: #047E93;
}
table.park_table td.f6 {
    background: #F6F6F6;
}
table.park_table td.f7 {
    background: #F7F7F7;
}
table.park_table td.e8 {
    background: #E8E8E8;
}
table.park_table td.ef {
    background: #EFEFEF;
}
table.park_table td.de {
    background: #DEDEDE;
}
table.park_table td.blue01 {
    background: #ECF9FC;
    font-weight: bold;
}
table.park_table td.blue02 {
    background: #D9ECF0;
    font-weight: bold;
}
.btn_registration {
    color: #fff;
    background: #CB4E4E;
    width: 200px;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: bold;
}
.btn_registration a {
    color: #fff;
    text-decoration: none;
}
.btn_registration a:hover {
    opacity: 0.7;
}
.registration_area{
    margin: 25px 0;
}
.danger_area {
    background: #F6F6F6;
    width: 600px;
    margin: 0 auto;
    border-radius: 10px;
}
p.danger_txt{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}
.danger_btn {
    text-align: center;
    margin: 20px 0;
}
span.danger_more {
    background: #A5A5A5;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    border-radius: 40px;
}
.park_no_box {
    background: #FFFFFF;
    border: solid 2px #DDDDDD;
    margin: 0 auto;
    width: 600px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 0px #DDDDDD;
    background-image: url(/img/index_pc/ico-selectArrow-right-pc.svg);
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 3%;
    transition: all  0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.park_no_box:hover{
	background: #FCFCFC;
    background-image: url(/img/index_pc/ico-selectArrow-right-pc.svg);
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 3%;
}
.info_no_box {
    border-bottom: solid 2px #DDDDDD;
    margin: 0 auto;
    width: 600px;
    padding: 20px;
}
.info_txt {
    background: #CB4E4E;
    padding: 15px;
    color: #FFFFFF;
    text-align: center;
    width: 600px;
    margin: 0 auto;
    border-radius: 15px;
}
span.park_no_unladen {
    background: #1FAAC1;
    font-size: 20px;
    padding: 10px 20px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 4px;
}
span.park_no_full_car {
    background: #CB4E4E;
    font-size: 20px;
    padding: 10px 20px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 4px;
}
.monthly_area{
    margin: 25px 0;
}
.position_area{
    margin: 50px 0;
    text-align: center;
}
.position_txt{
    font-size: 20px;
    margin: 20px 0;
}
.btn_illegal {
    color: #fff;
    background: #333333;
    width: 200px;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: bold;
}
.btn_illegal a {
    color: #fff;
    text-decoration: none;
}
.btn_illegal a:hover {
    opacity: 0.7;
}
.illegal_area{
    margin: 25px 0;
}
p.illegal_txt {
    margin-top: 10px;
}
.list-group a:hover{
	text-decoration: none;
	background: #DDDDDD;
}
p.entry_board_txt {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.panel-title {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
	margin: 50px 0 15px 0;
}
.entry_block_title {
    font-size: 18px;
    padding: 10px;
    border-radius: 18px;
    background: #555555;
    text-align: center;
    margin: 0 auto;
    color: #FFFFFF;
    width: 600px;
}
img.ico-btnArrow-right-white {
    width: 10px;
    margin-top: -2px;
}
p.entry_gray {
    background: #F6F6F6;
    padding: 20px;
    border-radius: 10px;
    width: 600px;
    margin: 0 auto;
}
.entry_required {
    background: #CB4E4E;
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
    width: 600px;
    margin: 0 auto;
}
li.list-group-item {
    width: 600px;
    margin: 0 auto;
}
.parks_map {
    background: #333333;
    color: #FFFFFF;
    width: 215px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    padding: 15px 20px;
    border-radius: 30px;
}
.parks_map a {
    color: #FFFFFF;
}
.parks_map a:hover {
    opacity: 0.7;
	text-decoration: none;
}
.illegal_area{
	text-align: center;
	margin: 10px 0;
}
span.illegal_txt {
    color: #666666;
    font-size: 14px;
}
.panel-title {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
	margin: 50px 0 15px 0;
}
.panel-body {
    padding: 0 0 20px 0;
    text-align: center;
}
table.park_table {
    width: 600px;
    margin: 0 auto;
}
table.park_table th,td {
	text-align: center;
	padding: 15px;
	font-size: 20px;
}
table.park_table th {
	font-weight: bold;
	color: #FFFFFF;
}
table.park_table th.normal {
	background: #666666;
}
table.park_table th.member {
	background: #047E93;
}
table.park_table td.f6 {
	background: #F6F6F6;
}
table.park_table td.f7 {
	background: #F7F7F7;
}
table.park_table td.e8 {
	background: #E8E8E8;
}
table.park_table td.ef {
	background: #EFEFEF;
}
table.park_table td.de {
	background: #DEDEDE;
}
table.park_table td.blue01 {
	background: #ECF9FC;
	font-weight: bold;
}
table.park_table td.blue02 {
	background: #D9ECF0;
	font-weight: bold;
}
input.entry_mail {
    padding: 30px;
    font-size: 24px;
    margin-top: 25px;
    border: solid 2px #C69DA0;
    box-shadow: #C69DA0 0px 2px 0px;
	border-radius: 10px;
    width: 600px;
    margin: 0 auto;
}
input.entry_no,input.entry_receipt {
    padding: 30px;
    font-size: 24px;
    margin-top: 25px;
    border: solid 2px #D1D1D1;
    box-shadow: #D1D1D1 0px 2px 0px;
	border-radius: 10px;
    width: 600px;
    margin: 0 auto;
}
.btn_registration {
    color: #fff;
    background: #CB4E4E;
    width: 200px;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 20px;
	font-size: 20px;
	font-weight: bold;
}
.btn_registration a {
    color: #fff;
    text-decoration: none;
}
.btn_registration a:hover {
	opacity: 0.7;
}
.registration_area{
	margin: 25px 0;
}
.danger_area {
    background: #F6F6F6;
    width: 600px;
    margin: 0 auto;
    border-radius: 10px;
}
p.danger_txt{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}
.danger_btn {
    text-align: center;
    margin: 20px 0;
}
span.danger_more {
    background: #A5A5A5;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    border-radius: 40px;
}
span.park_no_unladen {
    background: #1FAAC1;
    font-size: 20px;
    padding: 10px 20px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 4px;
}
.monthly_area{
	margin: 25px 0;
}
.position_area{
	margin: 50px 0;
	text-align: center;
}
.position_txt{
	font-size: 20px;
	margin: 20px 0;
}
.btn_illegal {
    color: #fff;
    background: #333333;
    width: 200px;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 20px;
	font-size: 20px;
	font-weight: bold;
}
.btn_illegal a {
    color: #fff;
    text-decoration: none;
}
.btn_illegal a:hover {
	opacity: 0.7;
}
.illegal_area{
	margin: 25px 0;
}
p.illegal_txt {
    margin-top: 10px;
}
img.ico-silen {
    width: 25px;
    margin-top: -5px;
}

/*confirm*/
.confirm_txt{
	text-align: center;
	margin: 50px 0 20px 0;
	font-size: 20px;
}
table.confirm_table{
	width: 600px;
	margin: 0 auto;
	font-size: 22px;
}
table.confirm_table td{
	padding: 20px 0;
	text-align: center;
}
table.confirm_table td.confirm_ef{
	background: #EFEFEF;
}
table.confirm_table td.confirm_de{
	background: #DEDEDE;
}
table.confirm_table td.confirm_f6{
	background: #F6F6F6;
}
table.confirm_table td.confirm_e8{
	background: #E8E8E8;
}
section.confirm_main02{
	margin: 50px 0;
}
.confirm_reservations {
	margin-bottom: 20px;
}
h3.reservations_txt{
	width: 600px;
	margin: 0 auto;
	background: #1FAAC1;
	text-align: center;
	color: #FFFFFF;
	border-radius: 18px;
	font-size: 18px;
	padding: 10px 0;
}
.reservations_time{
	text-align: center;
	font-size: 28px;
}
img.ico-btn-check-white {
    width: 18px;
    margin-top: -5px;
}
img.ico-cross-white-pc {
    width: 18px;
    margin-top: -5px;
}
.confirm_service {
    width: 600px;
    margin: 0 auto;
    background: #F6F6F6;
    padding: 25px;
    border-radius: 10px;
}
section.confirm_main03{
	margin: 50px 0;
}
button.btn_return {
	background: #C7C7C7;
	padding: 15px;
	color: #FFFFFF;
    width: 25%;
    height: 60px;
	font-size: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all  0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
button.btn_return:hover {
    color: #FFFFFF;
	opacity: 0.8;
}
button.btn_confirmation {
	background: #4BB997;
    padding: 15px;
	color: #FFFFFF;
    width: 25%;
    height: 60px;
	font-size: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all  0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
button.btn_confirmation:hover {
    color: #FFFFFF;
	opacity: 0.8;
}
section.entry_contents {
	width: 600px;
	margin: 0 auto;
    padding: 50px 0;
}
table.table_entry_board {
    width: 600px;
    margin: 0 auto;
}
p.entry_board_txt {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.panel-title {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
	margin: 50px 0 15px 0;
}
li.list-group-item {
    width: 600px;
    margin: 0 auto;
}
.unladen {
    background: #1FAAC1;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px;
	margin: 10px 0;
	width: 85px;
	text-align: center;
}
.parks_map {
    background: #333333;
    color: #FFFFFF;
    width: 215px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    padding: 15px 20px;
    border-radius: 30px;
}
.parks_map a {
    color: #FFFFFF;
}
.parks_map a:hover {
    opacity: 0.7;
	text-decoration: none;
}
.illegal_area{
	text-align: center;
	margin: 10px 0;
}
span.illegal_txt {
    color: #666666;
    font-size: 14px;
}
.panel-title {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
	margin: 50px 0 15px 0;
}
.panel-body {
    padding: 0 0 20px 0;
    text-align: center;
}
.btn_registration {
    color: #fff;
    background: #CB4E4E;
    width: 200px;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 20px;
	font-size: 20px;
	font-weight: bold;
}
.btn_registration a {
    color: #fff;
    text-decoration: none;
}
.btn_registration a:hover {
	opacity: 0.7;
}
.registration_area{
	margin: 25px 0;
}
.danger_area {
    background: #F6F6F6;
    width: 600px;
    margin: 0 auto;
    border-radius: 10px;
}
p.danger_txt{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}
.danger_btn {
    text-align: center;
    margin: 20px 0;
}
span.danger_more {
    background: #A5A5A5;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    border-radius: 40px;
}
span.park_no_unladen {
    background: #1FAAC1;
    font-size: 20px;
    padding: 10px 20px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 4px;
}
.monthly_area{
	margin: 25px 0;
}
.btn_monthly {
    color: #fff;
    background: #4BB997;
    width: 400px;
    border-radius: 40px;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
	font-size: 24px;
	font-weight: bold;
}
.btn_monthly a {
    color: #fff;
    text-decoration: none;
}
.btn_monthly a:hover {
	opacity: 0.7;
}
.position_area{
	margin: 50px 0;
	text-align: center;
}
.position_txt{
	font-size: 20px;
	margin: 20px 0;
}
.btn_illegal {
    color: #fff;
    background: #333333;
    width: 200px;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 20px;
	font-size: 20px;
	font-weight: bold;
}
.btn_illegal a {
    color: #fff;
    text-decoration: none;
}
.btn_illegal a:hover {
	opacity: 0.7;
}
.illegal_area{
	margin: 25px 0;
}
p.illegal_txt {
    margin-top: 10px;
}

/*tokutei*/
table.tokutei{
	width: 100%;
	margin: 0 auto;
}
table.tokutei th,td{
	padding: 10px;
}
table.tokutei th{
	background: #666666;
	color: #FFFFFF;
	font-weight: normal;
}
table.tokutei td{
	background: #F7F7F7;
	margin-bottom: 10px;
}
table.table_entry_board {
    width: 600px;
    margin: 0 auto;
}

/*signup*/
table.signup {
    width: 100%;
    margin: 0 auto;
}
table.signup th {
    background: #e6e6e6;
	font-weight: normal;
	color: #333333;
    padding: 20px;
}
table.signup td {
	padding: 20px;
}
table.signup th,table.signup td {
    text-align: center;
	border: solid 1px #e6e6e6;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #555555;
    border-color: #555555;
    color: #FFFFFF;
    text-align: center;
}
.signup_danger {
    background: #F6F6F6;
    margin: 0 auto;
    padding: 20px;
    color: #CB4E4E;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
	text-align: center;
}
p.signup_end{
	margin: 20px 0;
}

/*mypage*/
#mypage{
	margin-bottom:20px;
}
#mypage .myname {
    font-weight: bold;
    font-size: 18px;
}
.btn-danger {
    color: #fff;
    background-color: #CB4E4E;
    border-color: #CB4E4E;
	border-radius: 18px;
}
.subtitle {
    background: #666666;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	margin-bottom: 20px;
}
.label-info {
    background-color: #1FAAC1;
	font-weight: normal;
}
.alert-success {
    color: #333333;
    background-color: #F6F6F6;
    border-color: #F6F6F6;
}

/*history*/
.history_box{
	margin-bottom: 20px;
}
.history_ymd {
	color:#fff;
	background:#666666;
	padding:5px;
}
.history_park_name {
    color: #333333 !important;
    background: #F7F7F7;
    padding:5px;
	font-weight: bold;
}
.history_body {
	background: #EFEFEF;
	padding: 5px;
}
.history_price {
	text-align:right;
	font-size:18px;
	color: #CB4E4E;
	font-weight:bold;
	float:right;
}

/*payment_end*/
.payment_end{
	margin: 15px 0;
}
table.payment_end {
	width: 50%;
	margin: 0 auto;
}
table.payment_end th, table.payment_end td {
	background: #EFEFEF;
	padding: 20px;
}
table.payment_end th {
	background: #EFEFEF;
	font-weight: normal;
}
table.payment_end td {
	background: #F6F6F6;
	font-weight: bold;
}
.gray_box{
	background: #F6F6F6;
	width: 50%;
	margin: 0 auto;
	padding: 25px 0;
}
button.btn_payment_end {
    background: #333333;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 20px;
	margin: 15px 0;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	transition: all  0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
button.btn_payment_end:hover {
    background: #999999;
    color: #333333;
}
.panel.panel-danger {
    margin: 10px;
}
.panel-danger {
    border-color: #555555;
}
.panel-danger>.panel-heading {
    color: #FFFFFF;
    background-color: #555555;
    border-color: #555555;
    text-align: center;
    font-size: 20px;
	margin-bottom: 10px;
}
.btn-warning {
    color: #fff;
    background-color: #4BB997;
    border-color: #4BB997;
    font-size: 22px;
}
img.ico-btn-edit-white {
    width: 20px;
    margin-top: -5px;
}

/*btn*/
.btn_entry {
    color: #fff;
    background: #4BB997;
    margin: 0 auto;
    text-align: center;
    padding: 20px 30px;
	font-size: 24px;
	font-weight: bold;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    transition: all  0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border: none;
}
.btn_entry:hover {
    color: #fff;
    opacity: 0.8;
}
.ico-car-gray{
    width: 70px;
}

/*pagination*/
.pagination>li>a, .pagination>li>span {
    color: #1FAAC1;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #1FAAC1;
    border-color: #1FAAC1;
}

/*footer P*/
#page-top {
    position: fixed;
    bottom: 12px;
    right: 15px;
    font-size: 77%;
	z-index:1;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 5px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
.copy_light {
    background: #333333;
    color: #FFFFFF;
    padding: 50px 0;
    font-size: 14px;
}
.footer .footer_gnav {
    background: #222222;
    padding: 20px 0;
    font-size: 14px;
}
.footer .footer_gnav a {
    color: #FFFFFF;
    padding: 20px;
}
.footer .footer_gnav a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.footer-img{
    background-image: url(/img/index_pc/image-city-pc.svg);
    background-repeat: no-repeat;
    height: 0;
    padding-top: 25.8%;
    background-size: contain;
    margin-top: 50px;
    background-color:white;
}

/*base*/
.font-20{
	font-size: 20px;
}
.font-22{
	font-size: 22px;
}
.font-28{
	font-size: 28px;
}
.font-42{
	font-size: 42px;
}
.bold{
    font-weight: bold;
}
.txt-c{
    text-align: center;
}
.txt-r{
	text-align: right;
}

/*===============================================
●style.css 画面の横幅が1400px以上
===============================================*/
@media screen and (min-width: 1400px){
    .w1400{
        width: 1400px;
        margin: 0 auto;
    }
    .p-none{
        display: none;
    }
}
/*===============================================
●tablet.css 画面の横幅が1200pxまで
===============================================*/
@media only screen and (min-width: 769px) and (max-width: 1399px) {
    .w1400{
        width: 100%;
        margin: 0 auto;
    }
    section{
        padding: 10px;
    }
    .t-none{
        display: none;
    }
}
/*===============================================
●smart.css  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
    .w1400,.w1400 {
        width: 100%;
        margin: 0 auto;
    }
    h2{
        font-size: 20px;
    }
    /*nav S*/
    div#navbar {
        background: #000000;
        padding: 20px 0;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 400px;
    }
    li.nav_txt {
        text-align: center;
    }
    .navbar-default .navbar-nav>li>a {
        color: #FFFFFF !important;
    }
    .navbar-header {
        padding: 15px;
    }
    nav.navbar {
        padding: 0px;
    }
    .navbar-nav>li>a {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .navbar-default .navbar-nav > li > a {
        color: #333333;
        border-top: solid 1px #333333;
        border-bottom: solid 1px #333333;
        width: 80%;
        margin: 0 auto;
    }
    /*page S*/
    section{
    	margin: 25px 10px;
    }
    div.park_title {
        font-size: 24px;
        padding: 20px;
        margin-top: 15px;
    }
    /*parks S*/
    table.park_table,.danger_area,.park_no_box,.info_no_box,li.list-group-item,table.table_entry_board,.confirm_service,p.entry_gray,.entry_block_title,input.entry_mail,.entry_required,input.entry_no,input.entry_receipt,button.btn_return,button.btn_confirmation,.info_txt {
        width: 100%;
    }
    .btn_monthly {
        color: #fff;
        font-size: 16px;
        background: #3479A3;
        padding: 20px;
        width: 80%;
    }
    .btn_monthly_sp {
        color: #fff;
        background: #1FAAC1;
        text-align: center;
        padding: 20px;
        font-size: 16px;
        font-weight: bold;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 100;
    }
    .btn_monthly_sp a {
        color: #fff;
    }
    .btn_info_sp {
        color: #fff;
        background: #CB4E4E;
        text-align: center;
        padding: 20px;
        font-size: 16px;
        font-weight: bold;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 100;
    }
    .btn_info_sp a {
        color: #fff;
    }
    .entry_block_title {
        font-size: 12px;
    }
    table.table_entry_board th,td{
        font-size: 14px;
    }
    .panel-title{
        font-size: 22px;
    }
    table.confirm_table {
        width: 100%;
        margin: 0 auto;
        font-size: 22px;
    }
    h3.reservations_txt {
        width: 90%;
        font-size: 14px;
    }
    a.bx-prev,a.bx-next {
        display: none;
    }

    /*payment_end S*/
    table.payment_end {
        width: 100%;
        margin: 0 auto;
    }
    .gray_box {
        width: 100%;
    }
    .ico-car-gray{
        width: 35px;
    }
    button.btn_payment_end {
        font-size: 16px;
    }
    /*pagination S*/
    .pagination {
        display: inline-block;
        margin: 0px;
        border-radius: 4px;
        padding: 0px;
        font-size: 12px;
    }
    /*footer S*/
    .footer-img {
        padding-top: 50%;
        background-size: 200%;
        background-position: center;
    }
    .footer_gnav table{
        width: 100%;
    }
    .footer_gnav table td{
        width: 50%;
        font-size: 10px;
        font-weight: bold;
        border: solid 1px #333333;
        padding: 10px;
    }
    .footer .footer_gnav {
        padding: 0;
    }
    .font-22{
    	font-size: 16px;
    }
    .font-42{
        font-size: 24px;
    }
    .s-none{
        display: none;
    }
}

#container{
  padding-top:87px;
}
@media (min-width: 768px) {
  #container{
    padding-top:78px;
  }
}


/*TOP画像*/
.park_title_img{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack:    center;
  justify-content:  center;
  -webkit-box-align: center;
  -ms-flex-align:    center;
  align-items:       center;
  padding:26px 16px 69px 16px;
}
@media (min-width: 768px) {
  .park_title_img{
    display:block;
    padding:0;
    position:relative;
  }
}

.park_title_img > img.img-sp{
    width: 100%;
    position: absolute;
    top:53px;
    left:0;
}
@media (min-width: 768px) {
  .park_title_img > img.img-sp{
    display:none;
  }
}

.park_title_img > img.img-pc{
  display:none;
}
@media (min-width: 768px) {
  .park_title_img > img.img-pc{
    display:block;
    width:100%;
  }
}
/*TOPタイトル*/
.park_title_lead{
  width:100%;
  position:relative;
  z-index:2;
}
@media (min-width: 768px) {
  .park_title_lead{
    width:768px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.titles{
  line-height:1.2;
  font-size: 22px;
  color: white;
}
.titles .strong{
  font-weight: bold;
  font-size: 36px;
}
@media (min-width: 768px) {
  .titles{
    line-height:1.5;
    font-size: 36px;
    text-align:center;
  }
  .titles .strong{
    font-size: 51px;
  }
}

/*検索*/
.search_qr{
  width:100%;
  margin:2rem auto 0 auto;
}
.search_qr .search_qr_lead{
    color: rgb(253,254,80);
    text-align:center;
    font-size: 13px;
    font-weight: bold;
}
.search_qr .yellow-btn{
  margin-top:1rem;
}
.search_qr .yellow-btn a{
  display:block;
  color:inherit;
  font-weight:bold;
}
.search_qr .yellow-btn a > div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align:    center;
  align-items:       center;
  -webkit-box-pack: center;
  -ms-flex-pack:    center;
  justify-content:  center;
}
.search_qr .yellow-btn a > div > div:first-child{
  margin-right:5px;
}
.search_qr .yellow-btn a > div > div:last-child{
  margin-left:5px;
  letter-spacing:2px;
}
@media (min-width: 768px) {
  .search_qr .search_qr_lead{
    font-size: 21px;
  }
  .search_qr .yellow-btn{
    width:70%;
    margin-left:auto;
    margin-right:auto;
    margin-top:2rem;
    border-radius: 40px;
    padding:1rem;
  }
  .search_qr .yellow-btn a{
    font-size: 28px;
  }
  .search_qr .yellow-btn a > div > div:last-child{
    letter-spacing:2.6px;
  }
}

.box_search{
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    margin: 12px 80px;
}

.pin{
    position: relative;
    width: 10%;
    height: 10%;
    -ms-interpolation-mode: bicubic;
}
@media (min-width: 768px) {
  .pin{
      width: 51px;
  }
}

/*QRコードと説明文*/
.backcolor{
    background: #1faac1;
    padding-bottom: 2rem;
    padding-top: 4rem;
    line-height:1.8;
    position:relative;
}
#img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    top:-50px;
    width: 100px;
    z-index: 3;
    color: #000;
}
/*三角*/
.width{
    width:100%;
    background: transparent;
    position: absolute;
    z-index:2;
    height:30px;
    top:-30px;
}
.width:before{
    content:" ";
    display: block;
    background:
        linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #1faac1 50.5%) no-repeat top left/100% 100%;
          position: absolute;
          top:0;
          left:0;
          width:50%;
          height:30px;
}
.width:after{
    content:" ";
    display: block;
    background:
        linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #1faac1 50.5%) no-repeat top left/100% 100%;
          position: absolute;
          top:0;
          right:0;
          width:50%;
          height:30px;
}

.qrpark{
    font-weight: bold;
    text-align: center;
    color: white;
    letter-spacing: 2px;
}
.qrpark span{
    font-size: 25px;
}
@media (min-width: 768px) {
  .backcolor{
      position: static;
  }
  .qrpark{
    font-size: 24px;
  }
  .qrpark span{
      font-size: 49px;
  }
}

.description{
    color: white;
    text-align: center;
    letter-spacing: 1px;
}
.description span{
    letter-spacing: 0.2rem;
}
@media (min-width: 768px) {
  .description-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    width:768px;
    margin-left:auto;
    margin-right:auto;
  }
  .description-qr-box{
    width:20%;
    margin-right:2rem;
  }
  .description-qr-box img{
    width:100%;
  }
  .description{
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size:24px;
    letter-spacing: 4px;
    text-align: left;
  }
}

/*ご利用方法*/
.yellow-btn-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -ms-flex-pack:    flex-end;
    justify-content:  flex-end;
    margin-top:2rem;
}
.yellow-btn-wrapper > div{
    width:38%;
    margin-right:2rem;
    font-weight:bold;
}
@media (min-width: 768px) {
  .yellow-btn-wrapper > div{
      width:200px;
      margin-right:7rem;
      font-size:21px;
  }
}
.merit{
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    padding: 2rem 0;
    position:relative;
    z-index:3;
    background-color: rgb(241,241,241);
}
.merit > div:last-child{
    font-size: 1.2rem;
    font-weight:normal;
    margin-top:5px;
}
@media (min-width: 768px) {
  .merit{
    font-size:30px;
    margin-top:5rem;
  }
  .merit > div:last-child{
    font-size:18px;
  }
}

/*point1,2,3*/

@media (min-width: 768px) {
  .point-box-wrapper{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-around;
    -ms-flex-pack:    space-around;
    justify-content:  space-around;
    margin-top:3rem;
  }
}
.point_box{
    padding:1.5rem;
    background-color: white;
    width: 100%;
    margin-bottom: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    position:relative;
    z-index:3;
}
.point_box > div:first-child{
  width:30%;
}
@media (min-width: 768px) {
  .point_box{
    width: 32%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom:0;
  }
  .point_box > div:first-child{
    position:relative;
    top:-50px;
    width:100%;
    text-align:center;
  }
  .point_box > div:first-child img{
    width:40%;
  }
}

/*point画像*/
.point-wrapper{
  margin-left:0.5rem;
}
.point{
    border-left: red 0.5rem solid;
    font-size: 1.6rem;
    font-weight: bold;
    padding-left:1rem;
}
.point-description{
  margin-top:1rem;
}
@media (min-width: 768px) {
  .point-wrapper{
    text-align:center;
    position:relative;
    top:-3rem;
  }
  .point{
      font-size: 24px;
      display:inline-block;
  }
}
/*選べるお支払い方法*/
/*クレジットカード*/
.settlement_method_box{
    width: 90%;
    margin: 0 auto;
}
@media (min-width: 768px) {
  .settlement_method_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.settlement_method_box > div{
  border-radius: 2rem;
  background-color:white;
  padding: 1rem 3rem 1rem 3rem;
}
@media (min-width: 768px) {
  .settlement_method_box > div{
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    padding: 2rem;
  }
  .settlement_method_box > .credit-box{
    width:40%;
    margin-right:1rem;
  }
}

.settlement_method_box .image-wrapper{
    width: 15%;
    height: 15%;
}
.settlement_method_box .image-wrapper img{
    width: 100%;
}
.flex{
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
    margin-bottom: 1rem;
}
.kureka{
    font-size: 1.1rem;
    color: skyblue;
    text-align: center;
    font-weight: bold;
    padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .kureka{
    font-size: 18px;
  }
}

/*スマホ・電子決済*/
.smartphone-box{
    margin-top: 1rem;
}
@media (min-width: 768px) {
  .smartphone-box{
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    width:60%;

  }
  .smartphone-box .logo-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
  }
  .smartphone-box .logo-box > div:first-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
  }
}

.image img{
    width: 40%;
}
.image{
    text-align:center;
    margin-bottom:1rem;
}
@media (min-width: 768px) {
  .image{
    width:50%;
    margin-bottom:0;
  }
  .image img{
      width: 48%;
  }
  .image img:first-child{
    position:relative;
    top:-7px;
  }
}
.image img:first-child{
  margin-right:5px;
}
.image img:last-child{
  margin-left:5px;
}
.image2{
  text-align:center;
  margin-bottom:1rem;
}
.image2 img{
    width: 85%;
}
@media (min-width: 768px) {
  .image2{
    text-align:left;
    margin-bottom:0;
    width:50%;
  }
  .image2 img{
    width: 100%;
  }
}
.image3{
  text-align:center;
}
.image3 img{
    width: 70%;
}
@media (min-width: 768px) {
  .image3{
    margin-top:0.5rem;
  }
}

/*会員限定特典画像*/
.tokuten{
    background: rgb(78,164,185);
    overflow: hidden;
    width: 12rem;
    height: 10rem;
    position: relative;
    padding: 1.5rem 0 0 3rem;

}
.tokuten img{
    width: 140%;
    position: absolute;
    padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .tokuten img{
    width: 140%;
    position: absolute;
    top: 25%;
    left: 25%;
  }
}

.point_box2{
    background: white;
    margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .point_box2{
    width: 32%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;

  }
}
/*特典の説明文*/
.point2{
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
           margin-left:1.5rem;
}
.point2 span{
    border-left: red 0.5rem solid;
    font-size: 1.6rem;
    font-weight: bold;
    padding-left:1rem;
    margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .point2{
      margin-left:0;
      font-size: 16px;
      padding:2rem;
  }
  .point2 span{
      font-size: 24px;
      margin:0;
  }
}

/*会員登録ボタン*/
.box5{
    width: 100%;
    padding: 2rem 0 1.5rem 0;
}
@media (min-width: 768px) {
  .box5{
      width: 40rem;
      margin-right:auto;
      margin-left:auto;
      margin-top:1rem;
  }
}
.registration{
    background: red;
    border-radius: 25px;
    font-size: 1.8rem;
    width: 53%;
    padding: 1rem 0;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 5px;
}
.registration a:hover{
    color: white;
    text-decoration: none;
}
.registration a{
    color: white;
}

/*動画とバックカラー*/
#movie{
  background-color:white;
}
#movie .merit{
  background-color:white;
}
@media (min-width: 768px) {
  #movie{
    padding-bottom:9rem;
  }
  #movie .merit{
    padding-top:6rem;
  }
}
.youtube{
    width: 100%;
}
.youtube img{
    width: 100%;
}
/*迷惑駐車への対応*/
.correspondence{
    background: rgb(78,164,185);
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 1rem;
}
.correspondence_title{
    font-size: 2rem;
    font-weight: bold;
    color: white;
    margin-left: 1.5rem;
    padding-top: 2rem;
}
.correspondence_memo_box{
  padding-top:1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-end;
  -ms-flex-align:    flex-end;
  align-items:       flex-end;
}
.correspondence_memo{
    font-size: 1.2rem;
    color: white;
    margin: 0 auto;
    padding: 2rem 0;
    margin-left: 1.5rem;
    font-weight: lighter;
    line-height: 2rem;
    width:60%;
}
.correspondence .img-box img{
    width: 260px;
    height: 260px;
    bottom: -140px;
    right: -150px;
    position: absolute;
}
@media (min-width: 768px) {
  .correspondence_title{
    text-align:center;
    font-size:30px;
  }
  .correspondence_memo_box{
    padding-top:1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack: center;
    -ms-flex-pack:    center;
    justify-content:  center;
  }
  .correspondence_memo{
    line-height:2;
    font-size:20px;
    width:60%;
    margin:0;
  }

  .correspondence .correspondence-box{
    position:relative;
    width:60%;
    margin-right:auto;
    margin-left:auto;
  }
  .correspondence .img-box{
    width:40%;
    position:relative;
    top:0;
    left:0;
  }
  .correspondence .img-box img{
    height: 200%;
    width: 200%;
    position: absolute;
    top:0;
    left:0;
  }
}

.pc-box{
  width:90%;
  margin-right:auto;
  margin-left:auto;
}
.box9{
  background-color:white;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding:4rem;
}
.box9 .buisinessman-box{
  width:50%;
  /*
  background-color:rgb(78,164,185);
  border-radius:15px;
  margin-right:4rem;
  */
  text-align:center;
  -webkit-box-align: center;
  -ms-flex-align:    center;
  align-items:       center;
  position:relative;
}
.box9 .buisinessman-box img{
  width:100%;
  height:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.box9 .recruitment-box{
  width:50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-between;
  -ms-flex-pack:    space-between;
  justify-content:  space-between;
}
.box9 .recruitment-row{
  padding:1rem;
}

.box9 .recruitment-title{
  font-size:24px;
  font-weight:bold;
  background: linear-gradient(transparent 50%, rgb(253,254,80) 50%);
  display:inline-block;
  padding-right:2rem;
  padding-left:0.2rem;
}
.box9 .recruitment_memo{
  font-size:18px;
}
.box11{
  background-color:rgb(78,164,185);
  padding:4rem 4rem 12rem 4rem;
  color:white;
}
.box11 .arrow-box{
  width: 100px;
  height: 100px;
  border-radius:50%;
  margin-right:auto;
  margin-left:auto;
  background-color:white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align:    center;
  align-items:       center;
  -webkit-box-pack: center;
  -ms-flex-pack:    center;
  justify-content:  center;
}
.box11 .arrow-box .arrow{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 30px 0 30px;
  border-color: rgb(78,164,185) transparent transparent transparent;
  position:relative;
  top:5px;
}
.box11 .box11-title{
  font-size:30px;
  text-align:center;
  margin-top:3rem;
}
.box11 .smp-box{
  width:40%;
  margin-right:auto;
  margin-left:auto;
  margin-top:2rem;
}
.box11 .box11-recruitment-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align:    center;
  align-items:       center;
  -webkit-box-pack: space-between;
  -ms-flex-pack:    space-between;
  justify-content:  space-between;
  margin-top:3rem;
}
.box11 .box11-recruitment-box .recruitment-box{
  width:32.5%;
  border:solid 3px white;
  border-radius:15px;
  padding:2rem 3rem;
  text-align:center;
}
.box11 .box11-recruitment-box .recruitment-box .recruitment-title-box{
  font-size:26px;
  background-color:rgb(253,254,80);
  color:#222;
  display:inline-block;
  padding:0 1rem;
}
.box11 .box11-recruitment-box .recruitment-box .recruitment-description-box{
  font-size:18px;
  margin-top:1rem;
  line-height:1.8;
}
.box11 .comment-box{
  font-size:18px;
  margin-top:1rem;
}

/*オーナー募集中*/
.box10{
    background: white;
    position: relative;
    width: 90%;
    padding-top: 5rem;
    margin-top: 6rem;
    text-align: center;
    margin: 6rem auto;
    font-size: 1.2rem;
}
.img_smp{
    position: absolute;
    top:0;
    width: 30%;
    min-width:200px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index:3;
}
.img_smp img{
    width: 100%;
}
.recruitment span{
    font-size: 1.5rem;
    margin-top: 2rem;
    background: linear-gradient(transparent 50%, rgb(253,254,80) 50%);
    font-weight: bold;
    letter-spacing: 2px;
}
.recruitment{
    padding-top: 2rem;
}
.No{
    font-size: 0.8rem;
    padding: 3rem 0 2rem 13rem;
}
@media (min-width: 768px) {
  .No{
      font-size: 15px;
      padding:0;
      margin-top:1rem;
  }
}

/*お問い合わせボタン*/
.liquiry{
    width: 100%;
}
.liquiry a{
    color: #000;
}
.liquiry a:hover{
    text-decoration: none;
}
.liquiry_btn{
    width: 53%;
    border-radius: 25px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 1rem 0;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 2px;
    background: white;
    border: rgb(78,164,185) solid;
}
@media (min-width: 768px) {
  .liquiry{
    text-align:center;
    margin-top:1rem;
  }
  .liquiry_btn{
    font-size: 27px;
    border-radius: 40px;
    padding:1rem 5rem;
    display:inline-block;
    width:auto;
  }
}

/*What's New*/
.footer_backcolor{
    width: 100%;
    background-color:white;
    margin-top:5rem;
    padding-top:4rem;
}
@media (min-width: 768px) {
}
.footer_backcolor > div{
    width: 90%;
    margin:0 auto;
}
.New{
    position: relative;
    padding:0 5px;
    letter-spacing:2px;
}
.New:before{
  content:"";
  display:block;
  position: absolute;
  height:2px;
  width:8%;
  bottom:-2px;
  left:0;
  background-color:#DC0011;
}
.New:after{
  content:"";
  display:block;
  position: absolute;
  height:2px;
  width:91.5%;
  bottom:-2px;
  right:0;
  background-color:black;
}
@media (min-width: 768px) {
  .New{
    font-size:24px;
  }
}
/*2019.2.25＆memo*/
.back_box{
    background: white;
    width: 100%;
}
.Dot_box{
    background-image: linear-gradient(to right, black, black 1px, transparent 1px, transparent 4px);
    background-size: 5px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
    width: 90%;
    padding: 2rem 0;
    margin: 0 auto;
    font-size: 1.2rem;
}
@media (min-width: 768px) {
  .Dot_box{
    font-size:16px;
  }
}
.day{
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-left: 2rem;
    letter-spacing: 0.1rem;
}
.memo{
    margin-left: 3.5rem;
    line-height: 2rem;
}

/*ご利用方法ボタン*/
.yellow-btn-wrapper2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -ms-flex-pack:    flex-end;
    justify-content:  flex-end;
    background: white;
    padding-top: 2rem;

}
.yellow-btn-wrapper2 > div{
    width:38%;
    margin-right:2rem;
    font-weight:bold;
}
@media (min-width: 768px) {
  .yellow-btn-wrapper2 > div{
      width:200px;
      margin-right:7rem;
      font-size:21px;
  }
}

/*footer*/
.back_white{
    background: white;
    padding-bottom: 4rem;
    margin-top: -5rem;
}



/* components */
.yellow-btn{
    background-color: rgb(253,254,80);
    border-radius: 30px;
    width: 100%;
    padding:0.5rem 1rem;
    text-align:center;
    color: #000;
}
.d-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sp-only{
  display:block;
}
@media (min-width: 768px) {
  .sp-only{
    display:none;
  }
}
.pc-only{
  display:none;
}
@media (min-width: 768px) {
  .pc-only{
    display:block;
  }
}