@charset "UTF-8";

@-ms-viewport	{width: device-width;}
/*--------------------------------------------------------------------------
ケイラインローローバルクシップマネージメント株式会社
--------------------------------------------------------------------------*/

body{
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.6;
}
img{
	max-width:100%; width:100%; height:auto;
}
a {
    outline: none;
}
a:focus, *:focus { outline:none; }
hr{
	border-top: 1px dotted #122F63;
}
.ico-word{
	margin:10px 0 10px 0;
	display:block;
	position:relative;
}
.ico-word:before{
	margin-bottom:3px;
	margin-right: 6px;
    content: "";
    display: inline-block;
    width: 24px;
    height: 36px;
    background: url(../images/icon_word_s.png) left center no-repeat;
    background-size: auto;
    background-size: contain;
    vertical-align: middle;
}
/*------------------------------
■■■■■text■■■■■
------------------------------*/
/*font-family: 'Roboto Condensed', sans-serif;*/
/*------------------------------
■■■■■header■■■■■
------------------------------*/
.brand-logo-box{
	text-align: center;
	position:relative;
}
.head-logo{
	margin:20px auto 10px auto;
	display:block;
	width:100px;
	height:auto;
}
.head-logo-type{
	margin:20px auto;
	display:block;
	width:auto;
	height:auto;
}
/*-----<language>-----*/
.language-box{
	position:absolute;
	display:block;
	width: auto;
	top:0;
	left:15px;
	z-index: 20;
}
.language-box a{
	padding:10px 15px;
	display:block;
	line-height: 1;
	text-decoration: none;
	font-size:90%;
}
.language-box a:link,
.language-box a:visited{
	color:#FFF;
	background-color:#009492;
	border-radius:0 0 6px 6px;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.language-box a:hover,
.language-box a:active{
	color:#FFF;
	background-color:#00a8ff;
	border-radius:0 0 6px 6px;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.text-arrow{
	padding-left:14px;
	background:url('../images/common/dot-arrow.png') left center no-repeat;
}

/*-----<navbar>-----*/
.navbar .navbar-inner {
	padding: 0;
}
.navbar{
	margin-bottom:15px;
}
.navbar .nav {
	margin: 40px auto 0;
	display: table;
	width: 100%;
}
 
.navbar .nav li {
	display: table-cell;
	float: none;
}
 
.navbar .nav li a {
	font-weight: normal;
	text-align: center;
	font-size:120%;
}
.navbar .nav li a:link,.navbar .nav li a:visited{
	color:#222;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.navbar .nav li a:hover,.navbar .nav li a:active{
	color:#122f63;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
 
.navbar .nav li:last-child a {
	border-right: 0;
	border-radius: 0;
}
.navbar .nav li a{
	padding: 5px 0;
	border-left:1px solid #122f63;
}
.navbar .nav li:last-child a{
	border-right:1px solid #122f63;
}
.navbar-default {
	border-right:0;
	border-left:0;
    background-color: #FFF;
    border-color: #FFF;
    border-radius:0;
}
.navbar .nav li ul.dropdown-menu li{
	display:block;
}
.navbar .nav li ul.dropdown-menu li a{
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.05em;
	text-align: left;
	font-weight: 400;
}

/*------------------------------
■■■■■footer■■■■■
------------------------------*/
footer{
	margin-top:40px;
	display:block;
	padding:10px 0;
	background:url('../images/common/foot-sea-line-jp.png')top center repeat-x #122f63;
	color:#FFF;
}
footer h1{
	margin-top:40px;
	font-size:130%;
	font-weight:bold;
}
footer dl{
	margin:30px auto;
	padding-left:15px;
	border-left:1px solid #FFF;
	text-align: left;
	display:block;
	width:auto;
}
footer dl dt{
	margin-bottom:6px;
	font-size:110%;
	letter-spacing: 4px;
}
footer dl dd{
	font-size:90%;
	font-weight:normal;
}
.text-copyright{
	margin:40px auto;
	font-size:90%;
}
/*------------------------------
■■■■■contents■■■■■
------------------------------*/
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
	line-height: 1.2;
	font-size:50%;
	display:inline-block;
}
.head-title{
	margin:15px auto;
	padding:10px 0;
	padding-left:55px;
	font-size:220%;
	color:#FFF;
	background:url('../images/common/dot-orientation.png') left center no-repeat;
	line-height: 1;
}
.text-title{
	padding:5px 0;
	padding-left:20px;
	font-size:200%;
	border-bottom:1px solid #122F63;
	background:url('../images/common/dot-title.png') left center no-repeat;
	line-height: 1;
}
.bg-sea{
	background:url('../images/common/bg-sea-jp.jpg') top center repeat-x;
}
.normal-box p{
	margin:10px auto;
	font-size:110%;
	line-height: 1.6;
}
.normal-box h2{
	margin:20px auto 10px;
	padding:10px 15px 8px;
	font-size:120%;
	line-height: 1;
	background-color: #00a8ff;
	background-color: #122F63;
	color:#FFF;
	border-radius:6px;
}
.normal-box ol li{
	padding-top:5px;
	padding-bottom:5px;
}
.normal-box ol li strong{
	font-size:110%;
}

/*------------------------------
■■■■■index■■■■■
------------------------------*/

.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-box {
	margin-top:60px;
    width: 100%;
    text-align: center;
    border:3px solid #FFF;
    box-shadow: 5px 5px 7px 7px rgba(0,0,0,0.4);
}
.slick-slider img {
    margin: 0 auto;
}

.slick-prev::before, .slick-next::before {
	margin-top:-32px;
    font-family:'slick';
    font-size: 36px;
    line-height: 1;
    opacity: .40;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.slick-prev:hover::before, .slick-next:hover::before{
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.slick-prev {
    left: 5px;
}
.slick-next {
    right: 5px;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 64px;
    height: 64px;
    text-align: center;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
.slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li button::before{
	font-family: 'slick';
    font-size: 15px;
	color:#FFF;
}
.slick-dots li.slick-active button::before{
	color:#00a8ff;
}
.about-box{
	margin-top:60px;
}
.about-box h1{
	font-family: 'Times','Times New Roman','Minion Web';
	font-size:240%;
	color:#122F63;
}
.about-box p{
	margin-top:30px;
	font-size:120%;
}
/*news*/
h1.news-title{
	margin-top:60px;
	font-family: 'Times','Times New Roman','Minion Web';
	font-size:240%;
	color:#122F63;
	background:url('../images/common/1px_blue.png')center center repeat-x;
}
h1.news-title span{
	padding:10px;
	background-color:#FFF ;
}

.news-archive{
  margin:0;
  padding:0 0 0 2rem;
}
.news-archive li{
  margin:0;
  padding:10px 0 10px 5px;
  line-height:1.4;
  border-bottom:1px solid #ccc;
}
/*------------------------------
■■■■■company■■■■■
------------------------------*/
.map-box img{
	margin-top:10px;
	margin-bottom:10px;
	border:3px solid #FFF;
	box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.2);
}
.profile1{
	margin-top:20px;
	margin-bottom:20px;
}
.profile1 tr th{
	padding:4px 2px;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	font-size: 110%;
}
.profile1 tr td{
	padding:4px 2px;
	vertical-align: top;
	font-size: 110%;
}
.profile1 tr td small{
	font-size:80%;
	display:inline-block;
}
.profile1 tr td p{
	margin-top:3px;
	line-height: 1.4;
	font-size: 90%;
}
/*-----<google map>-----*/

.ggmap {
	margin-top:10px;
	margin-bottom:10px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border:3px solid #FFF;
	box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.2);
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-member{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.post-member tr th{
	padding:4px 15px;
	background-color:#122F63;
	color:#FFF;
	border:1px solid #CCC;
	font-size:110%;
	vertical-align: top;
}
.post-member tr td{
	padding:4px 15px;
	background-color:#dfedf5;
	border:1px solid #CCC;
	font-size:100%;
	vertical-align: top
}
/*-----<org-chart>-----*/
.org-chart{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.org-chart tr td{
	padding:3px 0;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}
table.org-chart tr td span.cell2{
	padding: 10px 5px;
	width:100%;
	display: block;
	background-color:#217194;
	color:#FFF;
	border-radius:8px;
}
table.org-chart tr td span.cell3{
	padding: 10px 5px;
	display:block;
	width:100%;
	background-color:#3c7ec2;
	color:#FFF;
	border-radius:8px;
}
td.bg-m{
	background-image:url(../images/bg-m.png);
	background-repeat:no-repeat;
	background-position:center center;
}
td.bg-l{
	background-image:url(../images/bg-l.png);
	background-repeat:no-repeat;
	background-position:center center;
}
td.bg-t{
	background-image:url(../images/bg-t.png);
	background-repeat:no-repeat;
	background-position:center center;
}
td.bg-t2{
	background-image:url(../images/bg-t2.png);
	background-repeat:no-repeat;
	background-position:center center;
}
td.bg-t3{
	background-image:url(../images/bg-t3.png);
	background-repeat:no-repeat;
	background-position:center center;
}
td.bg-i{
	background-image:url(../images/bg-i.png);
	background-repeat:no-repeat;
	background-position:center center;
}
td.bg-tp{
	background-image:url(../images/bg-tp.png);
	background-repeat:no-repeat;
	background-position:center center;
}
td.bg-bt{
	background-image:url(../images/bg-bt.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.profile2{
	margin-top:10px;
	margin-bottom:10px;
}
.profile2 tr th{
	padding:4px 15px 4px 15px;
	border-right:1px solid #122F63;
	font-size: 110%;
	vertical-align: top;
	white-space: nowrap;
}
.profile2 tr td{
	padding:4px 15px 4px 15px;
	font-size: 110%;
	vertical-align: top;
}
/*------------------------------
■■■■■outline■■■■■
------------------------------*/
.list-iroha{
	list-style-type: katakana-iroha;
}
.img-box img{
	margin-top:10px;
	margin-bottom:10px;
	border:3px solid #FFF;
	box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.2);
}
.img-box{
	margin-bottom:15px;
	text-align: center;
}
.img-box a:link,
.img-box a:visited,
.img-box a:hover,
.img-box a:active{
	font-size:120%;
	text-decoration: none;
	color:#122F63;
}
.img-box a strong{
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.2;
}
/*------------------------------
■■■■■settlement■■■■■
------------------------------*/
.settlement{
	margin-top:10px;
	font-size:130%;
	color:#00a8ff;
}
.settlement small{
	color:#222;
	font-size:75%;
}
.settlement li{
	padding:5px 0;
}
.settlement li a{
	font-weight:bold;
	margin-right:5px;
	text-decoration: none;
}
.settlement li a:link,
.settlement li a:visited{
	color:#122F63;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.settlement li a:hover,
.settlement li a:active{
	color:#00a8ff;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
.pdf-icon{
	margin:10px 0;
	width:110px;
	height:31px;
}
/*------------------------------
■■■■■recruitment■■■■■
------------------------------*/
.recruit-ess{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.recruit-ess tr th{
	padding:10px 15px;
	background-color:#122F63;
	color:#FFF;
	border:1px solid #CCC;
	font-size:110%;
	vertical-align: top;
}
.recruit-ess tr td{
	padding:10px 15px;
	background-color:#dfedf5;
	border:1px solid #CCC;
	font-size:100%;
	vertical-align: top
}
.btn-form{
	padding-left:15px;
	padding-right:15px;
	font-size:130%;
	border-radius:24px;
}

/*----------------------------------------
■■■■■SCROLL TO TOP■■■■■
----------------------------------------*/
#scroll_to_top {
	cursor: pointer;
	position: fixed;
	right: 25px;
	bottom: 70px;
}
#scroll_to_top p{
	padding:7px 8px 10px 8px;
	background-color:#009492;
	display:block;
	width:42px;
	height:42px;
	color:#FFF;
	font-size:140%;
	text-align: center;
	border-radius:21px;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
#scroll_to_top p:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	background-color: #00a8ff;
	-webkit-transition: 0.2s ;
    transition: 0.2s ;
}
/*------------------------------
■■■■■company■■■■■
------------------------------*/
.link-box{
	text-align: left;
}
.icon-box{
	text-align: center;
}
.icon-box img{
	width:auto;
	height:auto;
}
.link-name{
	padding:10px 0;
	padding-left:22px;
	font-size:130%;
	font-weight: bold;
	background:url('../images/common/dot-link.png') left center no-repeat;
	
}
/*-----<spacer>-----*/
.ctsp0{margin-top:0!important;}
.cbsp0{margin-bottom:0!important;}
.ctsp1{margin-top:10px;}
.cbsp1{margin-bottom:10px;}
.ctsp2{margin-top:20px;}
.cbsp2{margin-bottom:20px;}
.ctsp3{margin-top:30px;}
.cbsp3{margin-bottom:30px;}
.ctsp4{margin-top:40px;}
.cbsp4{margin-bottom:40px;}
.ctsp5{margin-top:50px;}
.cbsp5{margin-bottom:50px;}
.ctsp6{margin-top:60px;}
.cbsp6{margin-bottom:60px;}

/* ---------------------------------------------------------
■■■■■■■■■■スマホ用設定ここから■■■■■■■■■■
------------------------------------------------------------*/

/* ---------------------------------------------------------
～768px(Extra small)
----------------------------------------------------------*/
@media only screen and (max-width: 48em) {
/*-----<h1><h2><h3><h4><h5><h6>-----*/
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
	line-height: 1.2;
	font-size:50%;
	color:#222;
	display:block;
}
/*-----<header><header-logo>-----*/
.brand-logo-box{
	position:relative;
	top:0;
	text-align: center;
	width:100%;
	height:115px;
	z-index: 1;
}
.brand-logo-box a{
	margin:0 auto;
	padding:auto;
	width:auto;
	display:table;
	position:relative;
	z-index: 40;
}
.head-logo{
	margin:10px auto;
	width:50px;
	height:auto;
}
.head-logo-type{
	margin:10px auto;
	width:auto;
	height:auto;
}
/*-----<language>-----*/
.language-box{
	position:absolute;
	display:block;
	width: auto;
	top:0;
	left:10px;
	z-index: 1;
}
.language-box a{
	padding:10px;
	display:block;
	line-height: 1;
	text-decoration: none;
	font-size:80%;
}
.navbar {
    min-height: 0;
}
/*-----<navbar-button>-----*/
.navbar-header{
	margin-top:-110px;
	margin-bottom:45px;
}
.navbar-default .navbar-text{
	margin-top:0;
	padding:0;
	font-size:9px;
	line-height: 0;
	font-weight: bold;
	font-family:Arial,sans-selif;
	color:#122F63;
}
.navbar-toggle{
    padding: 0 7px 9px 7px;
    z-index: 3;
}
.navbar-toggle .icon-bar {
    width: 28px;
    height: 3px;
    border-radius:2px;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#222;
}

button.navbar-toggle:not(.collapsed) span.bar1{
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle:not(.collapsed) span.bar2{
	opacity: 0;
	transition: all 300ms ease-in-out;
}
button.navbar-toggle:not(.collapsed) span.bar3{
	-webkit-transform: translateY(-7px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar1{
	-webkit-transform: translateY(0) rotate(0deg);
	transform: translateY(0) rotate(0deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar2{
	opacity: 1.0;
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar3{
	-webkit-transform: translateY(0) rotate(0deg);
	transform: translateY(0) rotate(0deg);
	transition: all 300ms ease-in-out;
}
.navbar-default .navbar-toggle:link, .navbar-default .collapsed{
	background-color:#FFF;
	border-color:#FFF;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:#FFF;
	border-color:#FFF;
}
.slick-prev {
    left: 5px;
}
.slick-next {
    right: 5px;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 44px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
/*-----<navbar>-----*/
.navbar .nav {
	margin: 7px 0 0;
	display: block;
	width: 100%;
}
.navbar .nav li a {
	font-size:110%;
}
.navbar .nav li {
	display: block;
}
.navbar .nav li a,.navbar .nav li:last-child a{
	margin:5px auto;
	padding:10px;
	border:0;
	border-radius:6px;
	
}
.navbar .nav li a:link,.navbar .nav li a:visited {
	background-color:#122F63;
	color:#FFF;
}
.navbar .nav li a:hover,.navbar .nav li a:active {
	background-color:#00a8ff;
	color:#FFF;
}
/*-----<footer>-----*/
footer h1{
	font-size:120%;
}
footer h1 span{
	display:inline-block;
}
footer dl{
	margin:20px auto;
}

footer dl dd small{
	display:inline-block;
}
/*-------------------------------
■■■■■contents(スマホ)■■■■■
-------------------------------*/
.text-title{
	padding:5px 0;
	padding-left:20px;
	font-size:160%;
}
/*-------------------------------
■■■■■index(スマホ)■■■■■
-------------------------------*/
section.bg-sea{
	padding-top:10px;
	padding-bottom:10px;
	background:url('../images/common/bg-sea-jp-s.jpg') top center repeat-x;
}
.slick-box {
	margin-top:20px;
    width: 100%;
    text-align: center;
    border:3px solid #FFF;
    box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.4);
}
.slick-prev::before, .slick-next::before {
	font-size: 24px;
}
.slick-prev {
    left: 5px;
}
.slick-next {
    right: 5px;
}
.slick-prev, .slick-next{
	width: 24px;
    height: 24px;
}
.slick-dots li button::before{
	font-size:10px;
}
.slick-dots{
	bottom:10px;
}
.about-box{
	margin-top:20px;
}
.about-box h1{
	font-family: 'Times','Times New Roman','Minion Web';
	font-size:160%;
	color:#122F63;
}
.about-box p{
	margin-top:30px;
	font-size:90%;
}
/*news*/
h1.news-title{
	margin-top:30px;
	font-family: 'Times','Times New Roman','Minion Web';
	font-size:160%;
	color:#122F63;
	background:url('../images/common/1px_blue.png')center center repeat-x;
}
h1.news-title span{
	padding:10px;
	background-color:#FFF ;
}
/*---------------------------------
■■■■■company(スマホ)■■■■■
---------------------------------*/
.normal-box p{
	font-size:100%;
}
.profile1 tr th,
.profile1 tr td{
	padding:0 10px;
	display:block;
	text-align: left;
	line-height: 1.4;
}
.profile1 tr td{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #122F63;
}
.post-member tr th,
.post-member tr td{
	display:block;
	width:100%;
}
.post-member tr th{
	font-size:90%;
}
.post-member tr th:last-child{
	margin-bottom:10px;
}
.post-member tr td{
	padding:0 10px;
	border:0;
	border-right:1px solid #b9b9b9;
	border-left:1px solid #b9b9b9;
}
.post-member tr td:first-child{
	padding-top:6px;
	font-size:90%;
	border-top:1px solid #b9b9b9;
}
.post-member tr td:nth-child(2){
	padding-bottom:5px;
	font-weight:bold;
}
.post-member tr td:last-child{
	padding-bottom:6px;
	margin-bottom:10px;
	font-size:80%;
	border-bottom:1px solid #b9b9b9;
}
.org-chart tr td{
	font-size:85%;
}
.profile2 tr th,
.profile2 tr td{
	margin:0;
	padding:0 10px;
	display:block;
	border:0;
	border-left:3px solid #122F63;
}
.profile2 tr td{
	margin-bottom:15px;
	font-size:90%;
}
/*------------------------------
■■■■■outline(スマホ)■■■■■
------------------------------*/
.img-box a:link,
.img-box a:visited,
.img-box a:hover,
.img-box a:active{
	font-size:85%;
	text-decoration: none;
	color:#122F63;
}
.img-box strong{
	font-family: 'Roboto Condensed', sans-serif;
}
/*------------------------------
■■■■■settlement(スマホ)■■■■■
------------------------------*/
.settlement small{
	display:inline-block;
}
/*------------------------------
■■■■■recruitment(スマホ)■■■■■
------------------------------*/
.recruit-ess tr th,
.recruit-ess tr td{
	display:block;
	width:100%;
}
.recruit-ess tr th{
	font-size:90%;
}
.recruit-ess tr th:last-child{
	margin-bottom:10px;
}
.recruit-ess tr td{
	padding:6px 10px;
	border:0;
	border-right:1px solid #b9b9b9;
	border-left:1px solid #b9b9b9;
}
.recruit-ess tr td:first-child{
	padding-top:6px;
	font-size:90%;
	border-top:1px solid #b9b9b9;
}
.recruit-ess tr td:last-child{
	padding-bottom:6px;
	margin-bottom:10px;
	font-size:90%;
	border-bottom:1px solid #b9b9b9;
}
/*------------------------------
■■■■■company(スマホ)■■■■■
------------------------------*/
.link-box{
	text-align: center;
}
.link-name{
	font-size:90%;
}
/*-----<spacer>-----*/
.ctsp1{margin-top:5px;}
.cbsp1{margin-bottom:5px;}
.ctsp2{margin-top:10px;}
.cbsp2{margin-bottom:10px;}
.ctsp3{margin-top:15px;}
.cbsp3{margin-bottom:15px;}
.ctsp4{margin-top:20px;}
.cbsp4{margin-bottom:20px;}
.head-spacer{
	display:block;
	width:100%;
	height:80px;
}
}
/* -------------------------------------------------------------------------------
 768px～
------------------------------------------------------------------------------- */
@media only screen and (min-width : 768px) {
}
/* -------------------------------------------------------------------------------
 768px～991px(Small/col-sm)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 48.063em) and (max-width: 61.9375em) { 

}
/* -------------------------------------------------------------------------------
 992px～1199px(Medium/col-md)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 62em) and (max-width: 74.9375em) {

}
/* -------------------------------------------------------------------------------
 ～1199px
------------------------------------------------------------------------------- */
@media only screen and (max-width: 74.9375em) {

}
/* -------------------------------------------------------------------------------
1200px～(Large/col-lg)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 90.063em) { }