@charset "utf-8";

/* windows スクロールバー設定 */
@-ms-viewport{
width: auto !important;
initial-scale: 1;
}

html, body{
height:100%;
width:100%;
color: #555;
}

iframe {
border:none;
}


/* スクロールバー変更（webkit only）*/
/*
body{
scrollbar-base-color: #006443;
}
body::-webkit-scrollbar{
width: 5px;
height: auto;
}
body::-webkit-scrollbar-track{
background:#222;
}
body::-webkit-scrollbar-thumb{
background:#006443;
}
div{
scrollbar-base-color:#006443;
}
div::-webkit-scrollbar {
width: 5px;
height: auto;
}
div::-webkit-scrollbar-track {
background: rgba(0,0,0,0.5);
}
div::-webkit-scrollbar-thumb {
background:#006443;
}
body ul{
scrollbar-base-color: #00B176;
}
body ul::-webkit-scrollbar{
width:5px;
height:auto;
}
body ul::-webkit-scrollbar-track{
background: rgba(0,0,0,0.5);
}
body ul::-webkit-scrollbar-thumb{
background:#006443;
}
*/

/* フォント */
@font-face {
font-family: mplus-1c-thin;
src: local("mplus-1c-thin"), url(//www.jonan-kotsu.com/fonts/mplus-1c-thin.eot) format("eot"),
local("mplus-1c-thin"), url(//www.jonan-kotsu.com/fonts/mplus-1c-thin.woff) format("woff"),
local("mplus-1c-thin"), url(//www.jonan-kotsu.com/fonts/mplus-1c-thin.ttf) format("ttf");
}

@font-face {
font-family: mplus-1c-light;
src: local("mplus-1c-light"), url(//www.jonan-kotsu.com/fonts/mplus-1c-light.eot) format("eot"),
local("mplus-1c-light"), url(//www.jonan-kotsu.com/fonts/mplus-1c-light.woff) format("woff"),
local("mplus-1c-light"), url(//www.jonan-kotsu.com/fonts/mplus-1c-light.ttf) format("ttf");
}

@font-face {
font-family: mplus-1c-regular;/* フォントにフォント集合名を付ける */
src: local("mplus-1c-regular"), url(//www.jonan-kotsu.com/fonts/mplus-1c-regular.eot) format("eot"),
local("mplus-1c-regular"), url(//www.jonan-kotsu.com/fonts/mplus-1c-regular.woff) format("woff"),
local("mplus-1c-regular"), url(//www.jonan-kotsu.com/fonts/mplus-1c-regular.ttf) format("ttf");
}

@font-face {
font-family: mplus-1c-bold;
src: local("mplus-1c-bold"), url(//www.jonan-kotsu.com/fonts/mplus-1c-bold.eot) format("eot"),
local("mplus-1c-bold"), url(//www.jonan-kotsu.com/fonts/mplus-1c-bold.woff) format("woff"),
local("mplus-1c-bold"), url(//www.jonan-kotsu.com/fonts/mplus-1c-bold.ttf) format("ttf");
}

body{
font-family:mplus-1c-light,sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
}

strong, .strong, th{
font-family: mplus-1c-regular;
font-weight:normal!important;
}

.maxstrong {
font-family: mplus-1c-bold;
}

a,
a i,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
outline: none;/*firefoxクリック時の枠を消す*/
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
text-decoration: none;
}

input[type="radio"],
input[type="checkbox"]{
margin-right:5px;
}

.maincontainer a:link,
.indexcontainer a:link {
color: #08C;
text-decoration: underline;
}

.maincontainer a:visited,
.indexcontainer a:visited {
color: #08C;
}

.maincontainer a:hover, .maincontainer a:focus, 
.indexcontainer a:hover, .indexcontainer a:focus{
color:#005580;
}

.maincontainer a:focus,
.indexcontainer a:focus {
outline: none;/*firefoxクリック時の枠を消す*/
}
a.btn:link,a.btn:visited,a.btn:hover,a.btn:focus{
text-decoration: none;
}

a.stealthlink,
a.stealthlink{
color:#666 !important;
border:none !important;
cursor:text !important;
text-decoration: none !important;
}
@media (max-width: 999px) {
.hidden-max999 {
display: none !important;
}
}

@media (min-width: 1000px) {
.hidden-min1000 {
display: none !important;
}
}

@media (max-width: 1034px) {
.hidden-max1034 {
display: none !important;
}
}

@media (max-width: 1079px) {
.hidden-max1079 {
display: none !important;
}
}

@media (max-width: 1149px) {
.hidden-max1149 {
display: none !important;
}
}

@media (min-width: 1150px) {
.hidden-min1150 {
display: none !important;
}
}

.clear{
clear: both;
}

figure{
margin:0!important;
}

.margin-right{
margin-right:10px;
}

.margin-left{
margin-left:10px;
}

.margin-bottom{
margin-bottom:10px;
}

.margin-top{
margin-top:10px;
}

.displaynone {
display:none!important;
}

.maincontainer i {
margin-right:0.3em;
font-size:160%;
}

.postend i {
margin-right:0.3em;
font-size:100%;
}

dl.itext dt{
width:1.5em;
float:left;
}

dl.itext dd{
margin-left:2em;
}



/* パン屑 **********************************************/
/*横スクロール対応*/
.breadcrumbarea{
background-color:#444;
padding:3px 0 2px 0;
position:absolute;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-overflow-scrolling: touch;
height: 26px; /* 実際に表示する高さ スクロールバーを隠す*/
width: 100%;
color:#fff;
}
.breadcrumbarea > .container{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
height: 5em;
}

.breadcrumbarea a:link,
.breadcrumbarea a:visited,
.breadcrumbarea a:hover,
.breadcrumbarea a:active{
color:#fff;
}

.breadcrumbarea > .container::-webkit-scrollbar {height:0px;}/*バーの太さ*/
.breadcrumbarea > .container::-webkit-scrollbar-track {background:#fff;}/*バーの背景色*/
.breadcrumbarea > .container::-webkit-scrollbar-thumb {background:#fff;}/*バーの色*/
.breadcrumbarea > .container {ms-overflow-style:none;}


.breadcrumbareatop{
background-color:#f5f5f5;
padding:2px 0;
position:absolute;
bottom:0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

/*パン屑固定*/
.breadcrumbarea.affix {
z-index:1000;
}

@media only screen and (max-width : 999px) {
.breadcrumbarea{
position:relative;
}
}
@media only screen and (min-width : 1000px) {
.breadcrumbarea{
top:150px;
position:absolute;
}
.breadcrumbarea.affix {
position: fixed!important;
top:50px;
z-index:1000;
}
}


main {
width:100%;
height:100%;
position: absolute;
top: 0px;
} 

wrap h1, wrap h2, wrap h3{
font-family: "mplus-1c-light",sans-serif !important;
}

.maxwidth{
width:100% !important;
/*height:auto;*/
}
.maxheight{
height:100%!important;
}
.autoheight{
height:auto!important;
}


.displaytable{
display:table;
height:100%;
width:auto;
}

.displaytable-cell{
display:table-cell;
vertical-align:middle;
}

@media only screen and (max-width : 999px) {
.screenspace {
width:100%;
position:relative;
}
.screenspace-pc {
height:calc(100% - 50px);
}
.screenspace-tab {
height:auto;
}
}
@media only screen and (min-width : 1000px) {
.screenspace {
width:100%;
position:relative;
}
.screenspace-pc {
height:100%;
}
.screenspace-tab {
height:auto;
}
}

.fullscreen {
width:100%;
height:100%;
display:table;
background-color: transparent;
}

.fullscreen_logo{
display:table-cell;
vertical-align:middle;
text-align:center;
width:100%;
height:100%;
}

.jbird_logo{
width: 40%;
min-width: 300px;
margin-top: -50px;
}

.mov {
position: fixed;
top: 0px;
left: 0px;
display: block;
height: 100%;
width: 100%;
z-index: -999;
background-color: #000;
}

.slidescreen {
position: relative;
width: 100%;
display: block;
}

@media only screen and (max-width : 999px) {
.slidescreen {
/*padding-top:50px;*/
margin-top:0px;
}
}

@media only screen and (min-width : 1000px) {
.slidescreen {
/*padding-top:150px;*/
margin-top:150px;
}
}

.slideshow {
background-color: #fff;
border: none;
display: block;
left: 0px;
position: relative;
width: 100%;
}

.headspace{
position:absolute;
top:0;
background-color:#fff;
z-index:1030;
height:100px;
width:100%;
background-color: #333;
border-bottom: 1px solid #096;
}

.hgroup {
margin: auto;
}

.hgroup > h1, .hgroup > .h1 {
line-height: 1.0!important;
font-size:240%!important;
}

.hgroup > h1 a,.hgroup > .h1 a{
color:#aaa!important;
}

.hgroup > h2,.hgroup > .h2 {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 3px;
border-top: 1px solid #096;
font-size:135%!important;
color: #888;
text-align: center;
}

.headspace table{
color:#ccc;
height:80px;
margin-top:10px;
}

.headspace table td{
vertical-align: middle;
}

.headspace .star{
height:80px;
width:auto;
margin-left:10px;
}

.headright .displaytable-cell{
padding-left:10px;
padding-right:10px;
border-collapse: collapse;
border-right: 1px #a9a9a9 dotted;
}

.headright .displaytable-cell:last-child{
padding-left:10px;
padding-right:0px;
border-right: none;
}


/*2020,08追加*/
.row-10 {
margin-left:-5px;
margin-right:-5px;
}

.row-10 .col-xs-6{
padding-left: 5px;
padding-right: 5px;
}

.headright address {
line-height: 1.3;
color:#ccc;
}

foot address {
line-height: 1.3;
}

.tel{
color:#ccc;
font-size:36px;
line-height:40px;
margin-bottom: 6px;
}

.btn-global {
display: inline-block;
margin-bottom: 0px;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border:none;
white-space: nowrap;
font-size: 26px;
line-height: 26px;
border-radius: 4px;
padding: 3px 6px;
height: 33px;
}

.input-group form-control{
height:50px!important;
}

.input-group-btn .btn{
height:50px!important;
}

img.mainlogo{
margin-top:20px;
width:320px; 
height:auto;
}

@media only screen and (max-width: 365px) {
.drawer-brand{
text-indent: -50px;
text-align: center;
}
.indexcontainer{
padding-top:0px;
padding-bottom:0px;
/*padding-bottom:15px;*/
}
.maincontainer{
margin-top:0px;
padding-bottom:15px;
min-height: 50vh;
}
}

@media only screen and (min-width: 366px) {
.drawer-brand{
text-indent: -50px;
text-align: center;
}
.indexcontainer{
padding-top:0px;
padding-bottom:0px;
/*padding-bottom:15px;*/
}
.maincontainer{
margin-top:0px;
padding-bottom:30px;
min-height: 50vh;
}
}

@media only screen and (min-width: 768px) {
.drawer-brand{
text-indent: -50px;
text-align: center;
}
.indexcontainer{
padding-top:30px;
padding-bottom:30px;
}
.maincontainer{
margin-top:0px;
padding-bottom:50px;
min-height: 50vh;
}
}

@media only screen and (max-width: 999px) {
.navbar .affix{
position:relative!important;
}
.navbar.navbar-fixed-top .affix,
.navbar.navbar-fixed-bottom .affix {
position:fixed;
top:0px;
}
}

@media only screen and (min-width: 1000px) {
.navbar{
position:absolute;
top:100px;
z-index:1030;
width:100%;
border-radius:0px!important;
}
.affix {
position:fixed;
top:0px;
}

.indexcontainer{
padding-top:80px;
padding-bottom:80px;
/*min-height: 100vh;*/
}

.maincontainer{
margin-top:150px;
padding-top:50px;
padding-bottom:80px;
min-height: 50vh;
}
}

/*グローバルメニュースクロール*/
.menufixed {
position: fixed;
top: 0;
}

.table{
border-bottom:1px solid #ddd!important;
}

.table-responsive table tr td,
.table-responsive table tr th{
white-space: nowrap;
}

.wrap{
width:100%;
height:auto;
text-algin:center;
background-color:rgba(255,255,255,1.0);
margin:0;
padding:0;
}

/*colのマージン削除(タイル状にピッタリ並べる)　rowにを追加*/
.no-gutter{
margin-left: 0px !important;
margin-right: 0px !important;
}

.no-gutter > [class*='col-'] {
padding-right:0 !important;
padding-left:0 !important;
}

/*SNSボタン関係*/

a.instagram {
color:#c00;
text-decoration:none;
margin:5px;
}

a.facebook {
color:#3B5998;
text-decoration:none;
margin:5px;
}

a.twitter {
color:#55acee;
text-decoration:none;
margin:5px;
}

a.rss {
color:#f26522;
text-decoration:none;
margin:5px;
}

a.instagram:hover,a.twitter:hover,a.rss:hover{
color:#333;
}


a.facebook:hover,a.twitter:hover,a.rss:hover{
color:#333;
}

.tagspace .btn{
margin-bottom:5px;
}

.navbar-header h1, .navbar-header .h1 {
font-size:140%!important;
margin:0!important;
line-height:50px;
}

article{
margin-bottom:4em;
}

.news article{
margin-bottom:0px;
}

section{
margin-bottom:4em;
}
section:last-child{
margin-bottom:0px;
}
.news{
margin-bottom:4em;
}

/*section（トップページ）*/
.car0,
.car1,
.car2,
.car3,
.car4,
.car5,
.car6,
.car7{
margin-bottom:4em;
}

section section{
margin-bottom:4em;
}

section section:last-child, section:last-child section:last-child {
margin-bottom:0px;
}

.text-overflow{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.newslineheight{
line-height:1.8em;
}

/* iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 479px) {
.wrap h1, .wrap .h1 { color:#222; padding:2em 0!important; font-size:160%!important;}
.wrap h1 span, .wrap .h1 span { padding-bottom:0px; border-bottom:3px solid #ccc; margin-left:5px; margin-right:5px; }
.wrap h2, .wrap .h2 {font-size:130%!important; text-align:center;}
.news h2, .news .h2 {font-size:130%!important; text-align:left;}
h3, .h3 {font-size:120%!important}
h4, .h4 {font-size:110%!important;}
.galleryspace{margin-bottom:10px;}
footer .star{height:auto;width:100px;}
footer .h1{font-size:130%!important;}
}

/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
.wrap h1, .wrap .h1 { color:#222; padding:2em 0!important; font-size:160%!important;}
.wrap h1 span, .wrap .h1 span { padding-bottom:0px; border-bottom:3px solid #ccc; margin-left:5px; margin-right:5px; }
.wrap h2, .wrap .h2 {font-size:130%!important;}
.news h2, .news .h2 {font-size:130%!important;}
h3, .h3 {font-size:120%!important}
h4, .h4 {font-size:110%!important;}
.galleryspace{margin-bottom:10px;}
footer .star{height:auto;width:100px;}
footer .h1{font-size:130%!important;}
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.wrap h1, .wrap .h1 { color:#222; padding:2em 0!important; font-size:180%!important;}
.wrap h1 span, .wrap .h1 span { padding-bottom:0px; border-bottom:3px solid #ccc; margin-left:5px; margin-right:5px; }
.wrap h2, .wrap .h2  {font-size:140%!important;}
.news h2, .news .h2 {font-size:140%!important;}
.wrap h3, .wrap .h3 {font-size:130%!important;}
.wrap h4, .wrap .h4 {font-size:120%!important;}
.galleryspace{margin-bottom:20px;}
footer .star{height:auto;width:140px;}
footer .h1{font-size:190%!important;}
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.wrap h1, .wrap .h1 { color:#222; padding:2em 0!important; font-size:200%!important;}
.wrap h1 span, .wrap .h1 span { padding-bottom:0px; border-bottom:3px solid #ccc; margin-left:5px; margin-right:5px; }
.wrap h2, .wrap .h2 {font-size:160%!important;}
.wrap h3, .wrap .h3 {font-size:140%!important;}
.wrap h4, .wrap .h4 {font-size:120%!important;}
.galleryspace{margin-bottom:0px;}
footer .star{height:auto;width:140px;}
footer .h1{font-size:210%!important;}
}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.wrap h1, .wrap .h1 { color:#222; padding:2em 0!important; font-size:200%!important;}
.wrap h1 span, .wrap .h1 span { padding-bottom:0px; border-bottom:3px solid #ccc; margin-left:5px; margin-right:5px; }
.wrap h2, .wrap .h2 {font-size:160%!important;}
.wrap h3, .wrap .h3 {font-size:140%!important;}
.wrap h4, .wrap .h4 {font-size:120%!important;}
.galleryspace{margin-bottom:0px;}
footer .star{height:auto;width:140px;}
footer .h1{font-size:210%!important;}
}

.wrap h1 span.toph1{
border-color: #00B176;
}

.navbar-brand {
padding-left:15px;
}

.navbar-brand img {
height:32px;
}

.fixed{
position:fixed!important;
top: 0px!important;
}

.navbar-inverse .navbar-form{
margin-left:0;
margin-right:0;
}

.navbar-form .form-control{
height:50px!important;
}

.navbar-form .form-control {
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #FFF;
background-color: #333;
background-image: none;
border: 0px solid #cccccc;
border-radius: 0px;
}

.navbar-form .input-group-btn .btn{
height:50px!important;
width:50px;
text-align: center;
border-radius: 0px;
border: 0px;
background-color: #006443;
padding-left:0;
padding-right:0;
}

textarea.form-control{
/*height:auto!important;*/
}

h1, article h2, article h3{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

article h2,
article .h2 {
position: relative;
padding: .6em 0;
}

article h2::before, article h2::after,
article .h2::before, article .h2::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 6px;
box-sizing: border-box;
}

article h2::before,
article .h2::before {
top: 0;
border-top: 2px solid #ccc;
border-bottom: 1px solid #ccc;
}

article h2::after,
article .h2::after {
bottom: 0;
border-top: 1px solid #ccc;
border-bottom: 2px solid #ccc;
}

article h2.h1::before {
top: 0;
border: none;
}
article h2.h1::after{
bottom: 0;
border: none;
}





article.index h2,
article.index .h2, {
position:relative;
padding: 0px;
}

article.index h2::before,
article.index h2::after,
article.index .h2::before,
article.index .h2::after{
left: 0;
content: '';
width: 100%;
height: 1px;
box-sizing: border-box;
border-top: none;
border-bottom: none;
}

.news article h2,
.news article .h2{
border-top: 0px;
border-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
line-height:auto!important;
}

figure {
overflow: hidden;
position: relative;
}

figure a img {
width:100%;
-webkit-transition:all 0.6s ease-in-out;
transition:all 0.6s ease-in-out;
}

figure a:hover > img {
transform: scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
}

@media only screen and (max-width : 767px) {
.postend{
border-top: 1px solid #ccc;
padding-top: 2px;
margin-top:0;
}
}
@media only screen and (min-width : 768px) {
.postend{
border-top: 1px solid #ccc;
padding-top: 2px;
margin-top:2em;
}
}

/*Page*/
.postbt{
display:block;
text-align:center;
margin-top:0px;
margin-bottom:0px;
width:100%;
font-size:12px;
line-height:23px;
padding-top:5px;
padding-left:0px;
padding-bottom:0px;
clear:both;
}

.postbt .paging .blog{
display:block;
width:100%;
padding:0px;
}

.postbt .paging .blog .blogs{
display:block;
float:left;
text-align:center;
width:125px;
height:26px;
margin:0px 5px 5px 0px;
}

.postbt .paging .blog a{
display:block;
float:left;
width:26px;
height:26px;
margin:0px 5px 5px 0px;
}

.postbt .paging .blog .currentpage{
display:block;
float:left;
border:1px #333 solid;
background-color:#333;
text-align:center;
width:26px;
height:26px;
margin:0px 5px 5px 0px;
color:#ccc;
}

.postbt .paging .blog .blogs{
border:1px #666 solid;
background-color:#222;
color:#ccc;
}

.postbt .paging .blog a{
background-color:#fff;
border:1px #ccc solid;
color:#ccc;
}

.postbt .paging .blog a:hover{
background-color:#333;
border:1px #333 solid;
color:#ccc;
}

/*page-top button************************************/
#page-start{
display: block;
position: absolute;
bottom: 0px;
left: calc(50% - 25px);
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
transition: all 0.5s ease 0s;
}

#page-start.green{
background-color: #006443;
}

#page-start.green:hover{
background-color: #041;
}

#page-top {
display: block;
position: fixed;
z-index: 9999;
bottom: -50px;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
transition: all 0.5s ease 0s;
}

@media only screen and (max-width : 767px) {
#page-top {
left: 0px;
}
}
@media only screen and (min-width : 768px) {
#page-top {
right: 0px;
}
}

#page-top.blue{ background-color: #0095dc; }
#page-top.blue:hover{ background-color: #06c; }
#page-top.red{ background-color: #bf0000; }
#page-top.red:hover{ background-color: #600; }
#page-top.green{ background-color: #006443; }
#page-top.green:hover{ background-color: #041; }
#page-top img, #page-start img{ margin-top: 0px; }

/*foot************************************/
.pagetopbtbase{
width:100%;
display:block;
text-align:center;
heigh:45px;
position:relative;
}

.pagebt, .pagetopbt, .pagedownbt {
display: block;
background-color: #333;
color: #FFF;
width: 48px;
height: 45px;
text-align: center;
margin: 0px 0px 0px auto;
transition: all 0.5s ease 0s;
}

.pagebt:hover, .pagetopbt:hover, .pagedownbt:hover {
background-color: #666;
}

footer {
color:#aaa!important;
}

/*
footer a:link {
color:#aaa;
text-decoration: none;
line-height:1.8em;
}
footer a:visited {
color:#aaa;
text-decoration: none;
}
footer a:hover, footer a:focus {
color: #bf0000;レッド
text-decoration: underline;
}
footer a:focus {
color: #bf0000;レッド
text-decoration: none;
}
*/

footer .table{
border-bottom:1px solid #666!important;
color:#aaa!important;
}

footer .table > thead > tr > th, 
footer .table > tbody > tr > th, 
footer .table > tfoot > tr > th, 
footer .table > thead > tr > td, 
footer .table > tbody > tr > td, 
footer .table > tfoot > tr > td{
border-top: 1px solid #666!important;
}

@media only screen and (max-width : 767px) {
footer a.col-xs-6{
text-align:center;
}
}

.footer1{
background-color:#222;
padding-top:20px;
padding-bottom:20px;
border-top: 8px solid #006443;
}

.footer2{
height:50px;
background-color:#000;
}

footer h3{
color:#999;
border-bottom: 1px solid #999;
padding-bottom: 2px;
}

footer .breakline{
clear: both;
margin: 20px 0px;
height:1px;
display:block;
border-top: 1px dotted #666;
}

footer hr{
margin-top: 18px;
margin-bottom: 13px;
border-width: 1px 0px 0px;
border-style: solid none none;
border-color: #666 -moz-use-text-color -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
}

.sidecontents {
margin: 0px 0px 50px auto;
padding: 0px;
border: 0px none;
width : 100%;
height: auto;
position: relative;
}

.sidecontents h3{
border-bottom: 1px solid #999;
padding-bottom: 5px;
}

.productslist{
border-top: 1px solid #000;
width:100%;
height:1px;
}

/*Calendar*/
table.month-calendar{width:100%;margin:0px;border:0px;text-align:center;border-spacing:0px 0px;font-size:13px;line-height:25px;font-family:Arial;}
table.month-calendar th, table.month-calendar td{width:30px;}
.month-calendar-head{text-align:center;}
.month-calendar-day-head{text-align:center;color:#BA955E;}
.month-calendar-day-noday{text-align:center;}
.month-calendar-day-nolink{text-align:center;color:#666;}
.month-calendar-day-link{text-align:center;background-color:#C69;font-family:Arial;}
.month-calendar-day-link a:link{color:#fff !important;}
.month-calendar-day-link a:visited{color:#fff !important;}
.month-calendar-day-this-day{text-align:center;background-color:#906;font-family:Arial;color:#fff;}
.month-calendar-day-this-day a{color:#fff !important;}
.month-calendar-day-future{text-align:center;font-family:Arial;color:#ccc;}

/* SNSリンク **********************/
.fa-menuicon,
.fa-searchicon{
font-size: 20px!important;
line-height: 15px!important;
}

.navbar-nav .navbar-form{
margin-right: 0px;
margin-left:0px;
}

.navbar-right {
margin-right: 0px!important;
}

.navbar a.instagram_link{
width:50px;
display:block;
}


.navbar a.instagram_link{
width:50px;
display:block;
}
.navbar a.instagram_link:hover{
background-color:#c00!important;
}
.navbar a.instagram_link .fa-inverse{
color:#c00;
}
.navbar a.instagram_link:hover .fa-inverse{
color:#fff;
}



.navbar a.facebook_link{
width:50px;
display:block;
}
.navbar a.facebook_link:hover{
background-color:#3b5998!important;
}
.navbar a.facebook_link .fa-inverse{
color:#3b5998;
}
.navbar a.facebook_link:hover .fa-inverse{
color:#fff;
}


.navbar a.mail_link{
width:50px;
display:block;
}
.navbar a.mail_link:hover{
background-color:#ffd700!important;
}
.navbar a.mail_link .fa-inverse{
color:#ffd700!important;
}
.navbar a.mail_link:hover .fa-inverse{
color:#fff!important;
}

.navbar a.rss_link{
width:50px;
display:block;
}
.navbar a.rss_link:hover{
background-color:#f26522!important;
}
.navbar a.rss_link .fa-inverse{
color:#f26522!important;
}
.navbar a.rss_link:hover .fa-inverse{
color:#fff!important;
}


.navbar a.search_link{
width:50px;
display:block;
}
.navbar a.search_link:hover{
background-color:#00B176!important;
}
.navbar a.search_link .fa-inverse{
color:#00B176!important;
}
.navbar a.search_link:hover .fa-inverse{
color:#fff!important;
}


.navbar-right .navbar-form{
width:300px;
height:50px;
padding:0px!important;
}

.navbar-right .form-control{
height:50px!important;
width:250px!important;
}

.navbar-right .input-group-btn,
.navbar-right .input-group-btn .btn{
height: 50px !important;
width: 50px !important;
}

.navbar-right .input-group-btn:last-child > .btn, 
.navbar-right .input-group-btn:last-child > .btn-group{
margin-left: 0px;
}

li.dropdown.open a i{
color:rgba(255,255,255,0.3);
}

footer .fa-menuicon{
font-size:20px!important;
line-height:40px!important;
}


footer a.instagram_link{
line-height:40px;
margin:5px;
display:inline-block;
width:40px;
height:40px;
text-align:center;
background-color:#222;
}
footer a.instagram_link:hover{
background-color:#c00!important;
}
footer a.instagram_link .fa-inverse{
color:#c00!important;
}
footer a.instagram_link:hover .fa-inverse{
color:#fff!important;
}


footer a.facebook_link{
line-height:40px;
margin:5px;
display:inline-block;
width:40px;
height:40px;
text-align:center;
background-color:#222;
}
footer a.facebook_link:hover{
background-color:#3b5998!important;
}
footer a.facebook_link .fa-inverse{
color:#3b5998!important;
}
footer a.facebook_link:hover .fa-inverse{
color:#fff!important;
}

footer a.mail_link{
margin:5px;
display:inline-block;
width:40px;
height:40px;
text-align:center;
background-color:#222;
}
footer a.mail_link:hover{
background-color:#ffd700;
}
footer a.mail_link .fa-inverse{
color:#ffd700!important;
}
footer a.mail_link:hover .fa-inverse{
color:#fff!important;
}


footer a.rss_link{
margin:5px;
display:inline-block;
width:40px;
height:40px;
text-align:center;
background-color:#222;
}
footer a.rss_link:hover{
background-color:#f26522;
}
footer a.rss_link .fa-inverse{
color:#f26522!important;
}
footer a.rss_link:hover .fa-inverse{
color:#fff!important;
}



.aspectwrap{
position: relative;
width: 100%;
}

.aspectwrap:before {
content:"";
display: block;
padding-top: 35%; /* 高さを幅の35%に固定 */
}

.parallax{
position:relative;
}

/*縦向きの場合*/
@media (orientation: portrait){
.land {
display:none !important;
}  
}

/*横向きの場合*/
@media (orientation: landscape){
.port {
display:none!important;
}  
}

.parallaximg1-1{
background-image:url(//www.jonan-kotsu.com/images/patterns/overlay10.png),url(//www.jonan-kotsu.com/images/parallaximg1-gray.jpg);
background-position: top left, center center;
background-repeat: repeat, no-repeat;
background-size: 4px 4px, cover;
}

.parallaximg1-2{
background-image:url(//www.jonan-kotsu.com/images/parallaximg1-color.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.parallaximg2-1{
background-image:url(//www.jonan-kotsu.com/images/patterns/overlay10.png),url(//www.jonan-kotsu.com/images/parallaximg2-gray.jpg);
background-position: top left, center center;
background-repeat: repeat, no-repeat;
background-size: 4px 4px, cover;
}

.parallaximg2-2{
background-image:url(//www.jonan-kotsu.com/images/parallaximg2-color.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.parallaximg3-1{
background-image:url(//www.jonan-kotsu.com/images/patterns/overlay10.png),url(//www.jonan-kotsu.com/images/parallaximg3-gray.jpg);
background-position: top left, center center;
background-repeat: repeat, no-repeat;
background-size: 4px 4px, cover;
}

.parallaximg3-2{
background-image:url(//www.jonan-kotsu.com/images/parallaximg3-color.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

@media only screen and (min-width : 992px) {
.parallaximg1-1,
.parallaximg1-2,
.parallaximg2-1,
.parallaximg2-2,
.parallaximg3-1,
.parallaximg3-2{
background-attachment: fixed;
background-color: #fff;
}
}

@media only screen and (max-width : 991px) {
.parallaximg1-1,.parallaximg2-1,.parallaximg3-1{
display:none;
}
}

.panorama{
width:100%;
height:100vh;
display:block;
background-color:#fff;
}

/* TOPページ */
/* ロケバスボタン */
a.location_bt:link{
opacity: .7;
position:absolute;
}

a.location_bt:visited{
opacity: .7;
}

a.location_bt:hover{
opacity:1.0;
}

a.location_bt:active{
opacity: .7;
}

@media only screen and (max-width:544px) {
a.location_bt{
display:none;
}

a.location_bt img{
display:none;
}
}

@media only screen and (min-width:545px) {
a.location_bt{
left:10px;
top:10px;
z-index:1; 
}

a.location_bt img{
width:125px;
border:1px solid #ccc;
}
}

@media only screen and (min-width:768px) {
a.location_bt{
left:15px;
top:15px;
}

a.location_bt img{
width:150px;
border:1px solid #ccc;
}
}

@media only screen and (min-width:1000px) {
.screenspace-pc a.location_bt {
left:20px;
top:165px;
}

.screenspace-tab a.location_bt {
left:20px;
top:20px;
}

a.location_bt img {
width:150px;
border:1px solid #ccc;
}
}

/*ページングボタン*/
.postbt .btn {
margin-bottom: 6px;
}

/*イントロ・招待*/
.invitation {
background: url("//www.jonan-kotsu.com/images/jbird_logo_mini.svg") rgba(252,252,252,0.9) no-repeat;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}

/* コンテンツ */
@media only screen and (max-width:767px) {
.contentsimg {
width:130px;
height:auto;
}
}

@media only screen and (min-width:768px) {
.contentsimg {
width:160px;
height:auto;
}
}

/* 新着情報 */
.floatnone {
float:none !important;
}

dl.headline dt{
width:43%;
}

dl.headline dd{
width:52%; 
margin-left:48%;
}

dl.headline dd h2{
text-align:left;
}

@media only screen and (min-width : 480px) {
dl.headline dt{
width:35%;
}

dl.headline dd{
width:60%; 
margin-left:40%;
}
}

.headline .label {
display: block;
padding: .3em .6em;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
border-radius: 10rem;
margin-top: 10px;
}

.label {
display: block;
padding: .3em .6em;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
border-radius: 10rem;
margin-top: 10px;
}

/* 新着情報ページ */
.label-block{
width:100%;
}

.breakline{
clear: both;
margin: 0px 0px 10px 0px;
height:1px;
display:block;
border-top: 1px dotted #666;
}

@media only screen and (min-width : 768px) {
.breakline{
margin: 20px 0px;
}
}

@media only screen and (min-width : 992px) {
.breakline{
margin: 30px 0px;
}
}

@media only screen and (min-width : 1200px) {
.breakline{
margin: 30px 0px;
}
}

.label {
font-weight: normal!important;
}

.floatleft{
display:block;
hoverfloat:left;
width:35%;
}

.floatright{
display:block;
float:right;
width:63%;
}

article.floatright{
margin-bottom:0px!important;
}

/*追加（bootstrap4仕様） */
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

@media (max-width: 767px) {
.text-xs-left {
text-align: left !important;
}

.text-xs-right {
text-align: right !important;
}

.text-xs-center {
text-align: center !important;
}
}

@media (min-width: 544px) {
.text-sm-left {
text-align: left !important;
}

.text-sm-right {
text-align: right !important;
}

.text-sm-center {
text-align: center !important;
}
}

@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}

.text-md-right {
text-align: right !important;
}

.text-md-center {
text-align: center !important;
}
}

@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}

.text-lg-right {
text-align: right !important;
}

.text-lg-center {
text-align: center !important;
}
}

@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}

.text-xl-right {
text-align: right !important;
}

.text-xl-center {
text-align: center !important;
}
}

/* ご予約方法 */
.steparrow {
color:#818A91;
font-size:50px!important;
}

@media (min-width: 544px) {
.steparrow {
font-size:50px!important;
}
}

@media (min-width: 768px) {
.steparrow {
font-size:70px!important;
}
}

@media (min-width: 992px) {
.steparrow {
font-size:80px!important;
}
}

@media (min-width: 1200px) {
.steparrow {
font-size:80px!important;
}
}

/*マージン設定*/
.margintop0 { margin-top: 0px!important;}
.margintop5 { margin-top: 5px!important;}
.margintop10 { margin-top: 10px!important;}
.margintop20 { margin-top: 20px!important;}
.margintop30 { margin-top: 30px!important;}
.margintop40 { margin-top: 40px!important;}
.margintop50 { margin-top: 50px!important;}
.margintop60 { margin-top: 60px!important;}
.margintop70 { margin-top: 70px!important;}
.margintop80 { margin-top: 80px!important;}
.margintop90 { margin-top: 90px!important;}
.margintop100 { margin-top: 100px!important;}
.margintop0\.5em {margin-top: 0.5em!important;}
.margintop1em {margin-top: 1em!important;}
.margintop1\.5em {margin-top: 1.5em!important;}
.margintop2em {margin-top: 2em!important;}
.margintop2\.5em {margin-top: 2.5em!important;}
.margintop3em {margin-top: 3em!important;}
.margintop4em {margin-top: 4em!important;}
.margintop5em {margin-top: 5em!important;}
.margintop6em {margin-top: 6em!important;}
.paddingtop1em {padding-top: 1em!important;}
.paddingtop1\.5em {padding-top: 1.5em!important;}
.paddingtop2em {padding-top: 2em!important;}
.paddingtop2\.5em {padding-top: 2.5em!important;}
.paddingtop3em {padding-top: 3em!important;}
.paddingtop4em {padding-top: 4em!important;}
.paddingtop5em {padding-top: 5em!important;}
.paddingtop6em {padding-top: 6em!important;}
.marginbottom0 { margin-bottom: 0px!important;}
.marginbottom5 { margin-bottom: 5px!important;}
.marginbottom10 { margin-bottom: 10px!important;}
.marginbottom20 { margin-bottom: 20px!important;}
.marginbottom30 { margin-bottom: 30px!important;}
.marginbottom40 { margin-bottom: 40px!important;}
.marginbottom50 { margin-bottom: 50px!important;}
.marginbottom60 { margin-bottom: 60px!important;}
.marginbottom70 { margin-bottom: 70px!important;}
.marginbottom80 { margin-bottom: 80px!important;}
.marginbottom90 { margin-bottom: 90px!important;}
.marginbottom100 { margin-bottom: 100px!important;}
.marginbottom0\.5em { margin-bottom: 0.5em!important;}
.marginbottom1em { margin-bottom: 1em!important;}
.marginbottom1\.5em { margin-bottom: 1.5em!important;}
.marginbottom2em { margin-bottom: 2em!important;}
.marginbottom2\.5em { margin-bottom: 2.5em!important;}
.marginbottom3em { margin-bottom: 3em!important;}
.marginbottom4em { margin-bottom: 4em!important;}
.marginbottom5em { margin-bottom: 5em!important;}
.marginbottom6em { margin-bottom: 6em!important;}
.paddingbottom0\.5em { padding-bottom: 0.5em!important;}
.paddingbottom1em { padding-bottom: 1em!important;}
.paddingbottom1\.5em { padding-bottom: 1.5em!important;}
.paddingbottom2em { padding-bottom: 2em!important;}
.paddingbottom2\.5em { padding-bottom: 2.5em!important;}
.paddingbottom3em { padding-bottom: 3em!important;}
.paddingbottom4em { padding-bottom: 4em!important;}
.paddingbottom5em { padding-bottom: 5em!important;}
.paddingbottom6em { padding-bottom: 6em!important;}
.marginright0 { margin-right: 0px!important;}
.marginright5 { margin-right: 5px!important;}
.marginright10 { margin-right: 10px!important;}
.marginright20 { margin-right: 20px!important;}
.marginright30 { margin-right: 30px!important;}
.marginright40 { margin-right: 40px!important;}
.marginright50 { margin-right: 50px!important;}
.marginright60 { margin-right: 60px!important;}
.marginright70 { margin-right: 70px!important;}
.marginright80 { margin-right: 80px!important;}
.marginright90 { margin-right: 90px!important;}
.marginright100 { margin-right: 100px!important;}
.marginleft0 { margin-left: 0px!important;}
.marginleft5 { margin-left: 5px!important;}
.marginleft10 { margin-left: 10px!important;}
.marginleft20 { margin-left: 20px!important;}
.marginleft30 { margin-left: 30px!important;}
.marginleft40 { margin-left: 40px!important;}
.marginleft50 { margin-left: 50px!important;}
.marginleft60 { margin-left: 60px!important;}
.marginleft70 { margin-left: 70px!important;}
.marginleft80 { margin-left: 80px!important;}
.marginleft90 { margin-left: 90px!important;}
.marginleft100 { margin-left: 100px!important;}

/*長さ設定*/
.width10 {width:10%;}
.width20 {width:20%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width70 {width:70%;}
.width80 {width:80%;}
.width90 {width:90%;}

/* 点滅 */
.blinking{
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
-moz-animation:blink 1.5s ease-in-out infinite alternate;
animation:blink 1.5s ease-in-out infinite alternate;
}


@-webkit-keyframes blink{
0% {opacity:0.2;}
100% {opacity:1;}
}

@-moz-keyframes blink{
0% {opacity:0.2;}
100% {opacity:1;}
}

@keyframes blink{
0% {opacity:0.2;}
100% {opacity:1;}
}

.blinking:hover{
-webkit-animation:none;
-moz-animation:none;
animation:none;
}

/* wikieditish */
form table {
width:100%;
}

/*form table tr td:first-of-type{
width:20%;
}*/

/* ボタン位置 */
@media (max-width: 767px) {
.text-position{
text-align: center;
}
}

@media (min-width: 768px) {
.text-position{
text-align: left;
}
}

/* 追加：ボタンスタイル */
.btn-head,
.btn-foot {
color: #fff!important;
background-color: #006443;
border: none!important;
}

.btn-foot{
margin-top:5px;
padding:8px 12px;
}

.btn-head:focus,
.btn-head.focus,
.btn-foot:focus,
.btn-foot.focus {
color: #fff!important;
background-color: #00B176;
border: none!important;
}

.btn-head:hover,
.btn-foot:hover {
color: #fff!important;
background-color: #00B176;
border: none!important;
}

.btn-head:active,
.btn-head.active,
.btn-foot:active,
.btn-foot.active
.open > .dropdown-toggle.btn-head {
color: #fff!important;
background-color: #00B176;
border: none!important;
}

.btn-head:active:hover,
.btn-head.active:hover,
.btn-foot:active:hover,
.btn-foot.active:hover,
.open > .dropdown-toggle.btn-head:hover,
.open > .dropdown-toggle.btn-foot:hover,
.btn-head:active:focus,
.btn-head.active:focus,
.btn-foot:active:focus,
.btn-foot.active:focus,
.open > .dropdown-toggle.btn-head:focus,
.open > .dropdown-toggle.btn-foot:focus,
.btn-head:active.focus,
.btn-head.active.focus,
.btn-foot:active.focus,
.btn-foot.active.focus,
.open > .dropdown-toggle.btn-head.focus,
.open > .dropdown-toggle.btn-foot.focus {
color: #fff!important;
background-color: #00B176;
border: none!important;
}

.btn-head:active,
.btn-head.active,
.btn-foot:active,
.btn-foot.active,
.open > .dropdown-toggle.btn-head {
background-image: none;
}

.btn-head.disabled,
.btn-head[disabled],
fieldset[disabled] .btn-head,
.btn-head.disabled:hover,
.btn-head[disabled]:hover,
fieldset[disabled] .btn-head:hover,
.btn-head.disabled:focus,
.btn-head[disabled]:focus,
fieldset[disabled] .btn-head:focus,
.btn-head.disabled.focus,
.btn-head[disabled].focus,
fieldset[disabled] .btn-head.focus,
.btn-head.disabled:active,
.btn-head[disabled]:active,
fieldset[disabled] .btn-head:active,
.btn-head.disabled.active,
.btn-head[disabled].active,
fieldset[disabled] .btn-head.active,
.btn-foot.disabled,
.btn-foot[disabled],
fieldset[disabled] .btn-foot,
.btn-foot.disabled:hover,
.btn-foot[disabled]:hover,
fieldset[disabled] .btn-foot:hover,
.btn-foot.disabled:focus,
.btn-foot[disabled]:focus,
fieldset[disabled] .btn-foot:focus,
.btn-foot.disabled.focus,
.btn-foot[disabled].focus,
fieldset[disabled] .btn-foot.focus,
.btn-foot.disabled:active,
.btn-foot[disabled]:active,
fieldset[disabled] .btn-foot:active,
.btn-foot.disabled.active,
.btn-foot[disabled].active,
fieldset[disabled] .btn-foot.active {
background-color: #006443;
border: none!important;
}

.btn-head .badge,
.btn-foot .badge {
color: #fff!important;
background-color: #006443;
}

.btn-contents {
color: #fff !important;
background-color:#00B176; /*ライトグリーン*/
/*background-color:#006443;グリーン*/
/*background-color:#a9a16e;ブロンズ*/
/*background-color:#818A91;グレー*/
/*background-color:#444;/*ブラック*/
border: none!important;
}

.btn-contents:focus,
.btn-contents.focus {
color: #fff !important;
background-color:#00B176;
border: none!important;
}

.btn-contents:hover {
color: #fff!important;
/*background-color:#00B176;ライトグリーン*/
background-color:#006443;/*グリーン*/
border: none!important;
}

.btn-contents:active,
.btn-contents.active,
.open > .dropdown-toggle.btn-contents {
color: #fff!important;
background-color:#00B176; /*ライトグリーン*/
border: none!important;
}

.btn-contents:active:hover,
.btn-contents.active:hover,
.open > .dropdown-toggle.btn-contents:hover,
.btn-contents:active:focus,
.btn-contents.active:focus,
.open > .dropdown-toggle.btn-contents:focus,
.btn-contents:active.focus,
.btn-contents.active.focus,
.open > .dropdown-toggle.btn-contents.focus {
color: #fff!important;
background-color:#00B176; /*ライトグリーン*/
border: none!important;
}

.btn-contents:active,
.btn-contents.active,
.open > .dropdown-toggle.btn-contents {
background-image: none;
}

.btn-contents.disabled,
.btn-contents[disabled],
fieldset[disabled] .btn-contents,
.btn-contents.disabled:hover,
.btn-contents[disabled]:hover,
fieldset[disabled] .btn-contents:hover,
.btn-contents.disabled:focus,
.btn-contents[disabled]:focus,
fieldset[disabled] .btn-contents:focus,
.btn-contents.disabled.focus,
.btn-contents[disabled].focus,
fieldset[disabled] .btn-contents.focus,
.btn-contents.disabled:active,
.btn-contents[disabled]:active,
fieldset[disabled] .btn-contents:active,
.btn-contents.disabled.active,
.btn-contents[disabled].active,
fieldset[disabled] .btn-contents.active {
/*background-color:#00B176; ライトグリーン*/
background-color:#006443;
border: none!important;
}

.btn-contents .badge {
color: #fff!important;
background-color:#006443;
}

/* ラウンドボタン */
a.button:link{
text-decoration: none;
}

.button {
color: #fff!important;
width: auto;
display: inline-block;
margin-top: 0;
margin-bottom: 1em;
border: none;
vertical-align: middle;
position: relative;
z-index: 1;
/*-webkit-backface-visibility: hidden;*/
}

.button:focus {
outline: none;
}
.button > span {
vertical-align: middle;
}

/* Sizes */
.button-size-s {
font-size: 14px;
}

.button-size-m {
font-size: 16px;
}

.button-size-l {
font-size: 21px;
}

/* デザイン・挙動 */
.button-moema {
padding: .5em 1.5em;
/*background:#006443;グリーン*/
/*background:#a9a16e;ゴールド*/
/*background:#444;ブラック*/
background:#00B176;/*ライトグリーン*/
text-align: center;
border-radius:60px;
}
.button-moema:hover {
/*background:#00B176;*ライトグリーン*/
background:#006443;/*グリーン*/
}
.moema-list-button {
width: calc(100% - 170px);
min-width:250px;
max-width:420px;
}
/* ロケバスボタン */
a.pdfbt.button-moema {
width: auto;
text-align:left;
}

a.pdfbt i {
font-size: 2.9em;
line-height: 1;
float: left;
margin: 0 .2em 0 0;
/*padding: .1em 0;*/
}

/*実験*/
.scrolling-touch {
  -webkit-overflow-scrolling:touch;
}

/*追加 バクダン*/
img.impact {
position: absolute;
top: -5px;
left: 5px;
z-index: 10;
width: 19%;
height: auto;
}

/*追加 クレジットカード（ヘッダー）*/
#header .card img{
width:33px; 
height:33px; 
margin-left:2px; 
border-radius:2px;
}
/*追加 クレジットカード（コンテンツ）*/
article .card img{
width:60px; 
height:60px; 
margin-right:1px; 
border-radius:3px;
}
article .card img:last-child{
margin-right:0px; 
}

/*追加 クレジットカード（フッター）*/
footer .card{
margin-top:15px;
width:100%;
}
footer .card img{
width:40px; 
height:40px; 
margin:0px 2px; 
border-radius:2px;
}

/*追加 well改造*/
.well {
min-height: 20px;
padding: 15px 15px;
margin-bottom: 20px;
/*background-color: #f5f5f5;*/
background-color: #e3e3e3;
/*border: 1px solid #e3e3e3;*/
border: none!important;
border-radius: 4px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
/*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
}