@charset "utf-8";
/*
 Theme Name: クライミングジムPUMP 2019
 Theme URI: http://pump-climbing.com/
 Description: クライミングジムPUMP 2019
 style.css
*/
/* 2019/4/21追加 */

.h2, h2 {
    font-size: 1.5rem;
}
/* 2019/3/8追加 */

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.h3, h3 {
    padding-top:40px;
}

.h_text {
  position: relative;
	text-align:center;
  }

.h_text p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾*/
  font-weight: bold; /*太字に*/
  font-family: 'Rajdhani', Meiryo, sans-serif;
  background-color: rgba( 0, 0, 0, 0.35 );
  color: #ffffff;
  }


.h_text img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  }


/* 2019/3/8追加ここまで */

.btn {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  border: none;
  border-radius: 300px;
  font-weight: 700;
  text-transform: uppercase;
}
.btn-xl {
  padding: 15px 30px;
}
.btn-dark {
	color:#FFF !important;
  background-color:#999 !important;

}
/* ガター幅（余白）を調整 */
.row-0 {
    margin-left:0px;
    margin-right:0px;
}
.row-0>div {
    padding-right:0px;
    padding-left:0px;
}
.row-10 {
    margin-left:-5px;
    margin-right:-5px;
}	
.row-10>div {
    padding-right:5px;
    padding-left:5px;
}
.row-20 {
    margin-left:-10px;
    margin-right:-10px;
}
.row-20>div {
    padding-right:10px;
    padding-left:10px;
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
 }
.row-30>div {
    padding-right:15px;
    padding-left:15px;
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
}
.row-40>div{
    padding-right:20px;
    padding-left:20px;
}
.row-50{
    margin-left:-25px;
    margin-right:-25px;
}
.row-50>div{
    padding-right:25px;
    padding-left:25px;
}
.row-60{
    margin-left:-30px;
    margin-right:-30px;
}
.row-60>div{
    padding-right:30px;
    padding-left:30px;
}
/*
-----------------------------------------------------*/

nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0px;
    left: 0;
    transform: translateY(-200%);
    transition: all 0.6s;
    width: 100%;
	background: linear-gradient( 135deg, rgba(0, 0, 0, 1), rgba(115, 194, 156, 0.9));
}
 
nav.globalMenuSp ul {
    margin: 0 auto;
    padding:1rem;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1rem;
    list-style-type: none;
    padding: 0.5rem;
    width: 100%;
    	border-bottom:1px dotted rgba(255, 255, 255, 0.24);
}
 nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding:0.3rem;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}


/* 背景
-----------------------------------------------------*/
.contents-bg{
  background:#fff;
}
.news-bg{
background: url("images/10.png")no-repeat,linear-gradient( 135deg, rgba(115, 194, 156, 0.1), rgba(69, 150, 200, 0.1));
	background-size: 100%;

}
.pickup-bg{
 	background-color: rgba( 0, 161, 233, 0.1 );
}
.price-access-bg {
  background: linear-gradient(-135deg, #E2F5ED, #c5d8c9);
}

.juniortime-bg {
  background:#E2F5ED;
}
.dark-bg {
  background:#666666;
 color:#fff;
}

.price-bg {
  background: linear-gradient(-135deg, #fafbfa, #c5d8c9);
}

.container-fluid {
	padding:0;
}
.wh {
 	background-color: rgba( 255, 255, 255, 0.55 );
	padding:2rem 2rem 5rem 2rem;
}
/*
-----------------------------------------------------*/

a:link { color: #999; }
a:visited { color: #999; }
a:hover { color: #ededed; }
a:active { color: #ededed; }
	
h1, h2, h3, h4, h5, h6, .lead {
	font-family: 'Rajdhani', Meiryo, sans-serif;
}
.routes-area-img {height:50px}
.g-nav a {
	color:#343a40;
}
hr {
	border-bottom:3px solid #343a40;
	max-width: 50px;
	margin: 0 auto;
}
.pht img {
	width:100%;
	height:auto;
	object-fit: cover;
}

/*
-----------------------------------------------------*/
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width:100%;
}
table th {
  background-color:#999;
  padding: .625em;
	color:#FFF;
}


table td {
  background-color: rgba(255,255,255,1);
  padding: .625em;
  text-align: left;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
#Hero {
	background:#343a40;
}
#Hero ul div {
	margin-bottom:0;
}
.osirase-area {
	padding:1rem;
	border:2px solid red;
	background:#FFF;
	color:red;
}
/*
-----------------------------------------------------*/
* { 
margin: 0px; 
padding: 0px;
}

body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:0.8rem;
color:#333;

}

header h1 {
	font-size:1.0rem;
	font-weight:bold;
	color:#FFF;
}
.header-nav {
	background: linear-gradient( 135deg, rgba(0, 0, 0, 1), rgba(115, 194, 156, 0.8));
}
.header-nav a {
	color:#fff;
}

.pickup-thumb img ,
.news-thumb img
 {
	width:100%;
	height:200px;
	object-fit: cover;
}

.pickup-thumb2 img
 {
	width:100%;
	height: 120px;
	object-fit: cover;
}

.go-list {
	border:1px solid #174e9d;
	padding:3px 15px;
	font-size:0.8rem;
	position:absolute;
	right:0;
}
.go-list span {
	margin-left:1rem;
}
.entrybox {
	display: block;
	
}
.link-box {
 	background-color: rgba( 255, 255, 255, 0.8 );
}
.card {
	padding:1rem;
	border-radius: 0;
	border:none;
 	background-color: rgba( 255, 255, 255, 1 );
	position:relative;
}
.new {
	color: #fff;
	background-color: red;
	border-color: #343a40;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 0.7rem;
	padding: 0 0.5rem;
	border-radius: 100px;
}
.nextbtn a {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 0.8rem;
	padding: 0.3rem 0.6rem;
	border-radius: 100px;
}
.card-body {
	padding:1rem 0 0 0;
}
.footer-area {
	background: linear-gradient( 135deg, rgba(0, 0, 0, 1), rgba(115, 194, 156, 0.8));
}
.footer-nav {
	font-size:0.8rem;
}
.footer-nav ul {
	margin:0;
	padding:0;
}
.footer-nav h3{
	font-size:1rem !important;
	margin-top:1rem;
	font-weight:bold;
	padding: 0.5rem;
	border: none;
	border-radius: 300px;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	background-color: rgba(255,255,255,0.14);
}

.footer-nav li > ul >li {
	list-style-type:none;
	padding:0.3rem;
	margin:0 0.3rem;
	border-bottom:1px dotted rgba(255, 255, 255, 0.24);
}
.footer-nav li a {
	color:rgba(255, 255, 255, 1);
}
footer img {
	width:140px;
}
.gray {
	background:#e5e5e5;
}

.hide-pc {
	display:none;
}
address {
	font-size:0.7rem;
	text-align:center;
	margin-top:0.1rem;
}
.news-line {
	padding:1rem;

}
.news-line-img {
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.cat-ico a {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 0.7rem;
	padding:0 0.5rem;
border-radius: 100px;
}
.cat-ico a:hover {
    background-color: #000;
    border-color: #343a40;
	text-decoration:none;
}
time {
	font-weight:bold;
}
.cat-tab .cat-item, 
.newstop {
	margin:5px 0 5px 0;
    font-size: 0.8rem;
    padding: 0.5rem;
    text-transform: uppercase;
    color: #343a40;
    text-align: center;
	border-bottom:1px dotted rgba( 0, 161, 233, 0.2 );
}
.slogan {
	text-align: center;
	color:#333;
	background:#eee;
	font-size:1.0rem;
    padding: 0 0.5rem;
}

.slogan p {
	padding:1rem 0;
	margin:0;
}
.routes-area p {
	padding:0;
	margin:0;
}
.routes-area {
	padding:1rem 0;

}
/*
------------------------------------------------*/
@media screen and (max-width:767px){
.post-single img {
	max-width: 100%;
	height: auto;
}
}
@media screen and (max-width:575px){
.routes-area {
	padding: 0;

}
header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:150;
 	background-color: rgba( 255, 255, 255, 1 );
}
.wrapper {
	margin-top:100px;
}
.header-nav {
	font-size:0.8rem;
}
.g-menu-list {
	font-size:0.6rem;
}
	
.g-menu-list span{
	display:block;
}
.slick-slide .caption {
	font-size:1rem;
		font-family: 'Rajdhani', Meiryo, sans-serif;
}
	
.slick-slide .caption2 {
	font-size:0.5rem;
		font-family: 'Rajdhani', Meiryo, sans-serif;
}
.hide-sh {
	display:none;
}
.hide-pc {
	display:block;
}
.button-menu {
	text-align:left;
}
.contents-title h2 {
	text-align:left;
}
.go-list {
	border:1px solid #174e9d;
	padding:3px 8px;
	font-size:0.8rem;
	position:relative;
	right:0;
	display:block;
}
.go-list span {
	margin-left:0;
}
.foot-tel img {
	width:75%;
}
.routes {
	font-size:0.8rem;
}
.routes-area .lead {
	font-size:1rem;
}
table {
	font-size:small;
}
.wh {
	padding:1rem;
}
.news-line {
	padding:1.5rem 1rem;
}
.slogan {
	font-size:0.9rem;
    padding: 0 0.4rem;
}
	.slogan p {
	padding:0.5rem 0;
	margin:0;
}

.routes-area-img {
	height:30px
}


/* 2019/3/8追加 */
.h4, h4 {
    font-size: 1.2rem;
}
.h3, h3 {
    font-size: 1.5rem;
}
table th {
    letter-spacing: .0em;
}
.table td, .table th {
    padding: .30rem;
}
.btn-group-lg>.btn, .btn-lg {
    font-size: 1rem;
}

.h_text img {
  width: 100%;
  height: 300px;
  }

	}