@charset "UTF-8";
/* CSS Document */
/*共通設定*/

/*
Theme Name : actkanko

*/


html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size:1.4em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 0;
}
h1 {
	font-size: 2.0rem;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 180%;
	font-weight: bold;
	margin: 4rem 0;
}
h2 {
	font-size: 2.0rem;
	text-align: center;
	letter-spacing: 0.2em;
	line-height: 180%;
	font-weight: bold;
	margin: 4rem 0;
	
}
h3 {
	font-size: 1.8rem;
	letter-spacing: 0.3em;
	font-weight: bold;

}
.h3_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	align-items: baseline;
	max-width: 900;
	margin-bottom: 30px;
	padding: 1.2rem 4rem 0.6rem;
	background-color: #00A0E9;
	border-radius: 100px;
	color: white;
	
}
.step{
	font-size: 1.8rem;
	letter-spacing: 0.3em;
	font-weight: bold;
	margin-right: 1.8rem;
	
}

section {
	margin-bottom: 70px;
}

/*文字折り返し*/
span{
	display: inline-block;
}

img {
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;/*GoogleChrome対策*/
}

/* Bootstrapのガター幅を調整するための汎用CSS */
.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}

/* Bootstrapのカラムの下余白設定*/
.row-10-b > div { margin-bottom: 10px;}
.row-20-b > div { margin-bottom: 20px;}
.row-30-b > div { margin-bottom: 30px;}
.row-40-b > div { margin-bottom: 40px;}
.row-50-b > div { margin-bottom: 50px;}
/*カラムの高さを揃える設定*/
.row-eq-height {
    display:-webkit-box;
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-flex;
	display:flex;
    flex-wrap: wrap;
}
.mt-5{
	margin-top: 10rem;
}
.pc {
	display: none;
}
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	
}
.flex-reverse {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: reverse;
	-moz-box-direction: reverse;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	flex-direction: column-reverse;
	
}
/*ライン*/
hr {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 2px;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #e4007f;
	margin: 10px 0 50px 0;
}

	
/*ヘッダー*/
header{
	
	width: 100%;
	height: 103px;
	margin-top: 15px;
	margin-bottom: 10px;
}
#header_top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

#logo img {
	max-width: 305px;/*adjustable*/
	
}

/*ヘッダ電話番号*/
#header_midle{
	color: #E4007F;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: center;
	line-height: 3.2rem;
	
}
.line02{
	font-size: 1.8rem;
	font-weight: bold;
}
.tel-link{
	font-size: 2.8rem;

}
.tel-link a{
		color: #E4007F;
		text-decoration: none;
}

/*WEB予約ボタン*/
.booking{
	font-size: 1.6rem;
	position: relative;
	display: inline-block;
	padding: 1rem 1.2rem;
	cursor: pointer;
	 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
	color: #E4007F;
  
}
.btn-booking{
	background-color: #FFF6E9;
	border: solid 2px #E4007F;
	margin-top: 5px;
	width: 200px;
	text-align: center;
	font-weight: bold;
	
}

a.btn-booking:hover{
	text-decoration: none;
	background: #F7ACAE;
	
	
}
.line01{
	color: black;
	font-size: 1.3rem;

}
/*ヘッダ右側ボタン*/
#header_right{
	display: flex;
	flex-direction: column;
}
/*ログインボタン*/
.login,.header_contact{
	font-size: 1.6rem;
	position: relative;
	display: inline-block;
	
	padding: 1rem 3rem;
	cursor: pointer;
	 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: white;
}
.btn-blue{
	color: white;
	background-color: #4F4C96;
	width: 100%;
	margin: 5px 0;
}
.btn-blue:hover,a.btn-blue:hover,
.btn-pink:hover,a.btn-pink:hover{
	color: white;
	background: #ADACAC;
	text-decoration: none;
}
/*お問い合わせボタン*/
.btn-pink{
	color: white;
	background-color: #E4007F;
	width: 100%;
}


/*ナビゲーション*/
.navbar {
	min-height: 0;
	margin-top: -4rem;
	width: 100%;/*adjustable*/
	padding: 0;
}
.navbar-default {
	background: transparent;
	border: none;
}

.navbar-default2 .navbar-nav>li>a{
	 color:#444444;
	 padding: 10px 20px;
	 font-size:1.4rem;
	 width: 100%;
	 		 
}

a.navbar-brand {
	width: 50%;/*adjustable*/
	padding: 0;
}





#main_visual {
	margin-bottom: 20px;
}
/*日記・新着ページ*/
/*サイドバー*/
.side-title{
	width: 100%;	
	background-color: #E4007F;
	padding: 1em 1.8em;
	color:#fff;
	font-size:2.4rem;
	font-weight:bold;
	text-align: center;
	margin-top: 2em;
	
}
#sidebar h2 {
	font-size: 1.5rem;
	border-bottom: 1px solid #000;
	padding: 5px 0;
}
#sidebar h3 {
	font-size: 1.4rem;
	margin-top: 10px;
}
#sidebar ul {
	padding: 0;
}
#sidebar #side_menu ul li {
	list-style-type: none;
	margin-bottom: 5px;
}
#sidebar #side_menu ul li ul li {
	text-indent: 1rem;
}
/*記事スペース*/
#contents {
	margin-bottom: 40px;
}
.date{
	font-size: 2.2rem;
	margin-bottom: 1.6em;
}



/*全ページ共通アイコンスペース*/
.icon-box{
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 30px;
	text-align: center;
	
}
.icon-box img{
	width: 50%;
	margin-bottom: 40px;
	
}


/*全ページ共通コンタクトスペース*/
.contact-box{
	text-align: center;
}
.contact-box img{
	width: 100%;
}


/*アニメーション*/
.animation{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.loop-bus{
	width: 100%;
	position: absolute;
	bottom: 0;	
}
.bus{
	animation: flowing 8s linear infinite;
}
.bus img{
	width: 10%;
	height: auto;
}

@keyframes flowing{
	0%{
		transform: translateX(100%)
	}
	100%{transform: translateX(-100%);
	}
	
}

/*フッター*/
footer {
	padding-top: 60px;
	background: #F3F3EF;
}
/*フッター左側（会社情報）*/
address {
	padding-left: 10px;
	text-align: left;
	font-size: 1.6rem;
	line-height: 2.5;
	
}
footer .logo_footer {
	font-weight: bold;
	font-size: 2.0rem;
}
/*フッター真ん中*/
.footer-middle{
	display: inline-block;
	text-align: center;
}
.sayfety01{
	font-size: 1.8rem;
}
.sayfety02{
	font-size: 1.2rem;
}
.footer-middle img{
	width: 60%;
}
/*フッターサイトマップ*/
.footer-nav{
	vertical-align: top;
	
}
footer ul{
	padding-left: 20%;
	
}
footer ul li {
	list-style-type: none;
	line-height: 2.5; 
}
footer ul li a{
	color: black;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
}
.ssl-mark{
	display: flex;
	flex-direction: column;
	align-items: center;
	
}
/*フッターコピーライト*/
footer .copyright {
    font-size: 1.0rem;
	text-align: center;
	color: #fff;
	background: #E4007F;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 5px;	
}
/*ページトップ*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    font-size: 1.8rem;

}
#page-top a {
    background: rgba(0,0,0,0.7);
    text-decoration: none;
    color: #fff;
    width: 50px;
	height: 50px;
	margin: 10 10 10 10;   
    text-align: center;
    display: block;
    border-radius: 5px;
	padding-top: 13px;
	
	
}	
/*フォント*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;800&display=swap" rel="stylesheet');

.font1{
	font-size: 1.8rem;
	color: #4F4C96;
	font-weight: bolder;	
}
.font2{
	font-size: 2.0rem;
	color: #E4007F; 
	font-weight: bolder;
	
}
.font3{
	font-size: 2.8rem;
	color: #EA5514;
	font-weight: bolder;	
}

.font4{
	font-size: 2.0rem;
	color: #37567A;
	font-weight: bolder;	
}

.font5{	
	color: #E60012;
		
}
.font6{
	font-size: 1.8rem;
}

.font7{
	font-size: 1.8rem;
	color: dimgray;
}

.no-wrap{
	display: inline-block;
}
.pink{
	color: #E4007F; 
}

/*ページ幅*/
.maxwidth{
	max-width: 500px;
}

.maxwidth2{
	max-width: 800px;
}

.maxwidth3{
	max-width: 200px;
}

.maxwidth4{
	max-width: 300px;
}
.maxwidth5{
	max-width: 1100px;
	margin: 0 auto;
}
.maxwidth6{
	max-width: 90%;
	margin: 0 auto;
}
.maxwidth7{
	max-width: 70%;
	margin: 0 auto;
}
.whatbox{	
	height: auto;
	width: 70%;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	margin-top:  2.0em;
	
 }

/*各コンテンツページ個別設定*/
/*メインイメージ*/
.main-title{
	position: relative;
	background-image: url("images/bg-pc.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-top: 15%;			
}

.main-title p{
	display: block;
	position: absolute;
	top:43%;
	left: 4%;
	color: #E4007F;
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.main-title_club{
	position: relative;
	background-image: url( "../../images/school-club/main_visual1_pc.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-top: calc(100%*300/1000);
	margin-bottom: 3rem;
}
.main-title_club h1{
	position: absolute;
	top: 40%;
	left: 50%;
	transform: -webkit-translate(-50%,-40%);
	transform: -ms-translate(-50%,-40%);
	transform: translate(-50%,-40%);
	color: white;
	font-size: 3rem;
	line-height: 4.5rem;
	width: 100%;
	text-shadow: 1px 2px 5px black;
}
/*カテゴリタイトル*/
.title { 
	display: flex;
    justify-content: center;
	align-items: center;
}
.title img{
	width: 10%;
	
}
.title h2{
	color:#E4007F;
	font-size: 2.8rem;
	font-weight: bold;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}



.title-im{
	width: 45%;
	margin: 0 auto;
}
/*トップページ*/
.detail{
	margin: 0 auto;
	width: 95%;
	text-align: left;
	line-height: 2.5rem;
	font-size: 1.8rem;
	letter-spacing: 0.03em;
	
}
/*記事読込*/
.whatsnew{
	max-width: 60%;
	margin: 0 auto;
	text-align: left;
		
}
.whatsnew li{
	list-style: none;
	font-size: 1.8rem;
}

/*記事読込*/
.diary{
	display: inline-flex;
}
.photo {
	width: 100%;
	
}
.topics{
	text-align: left;
	font-size: 1.8rem;
}
.topics a{
	font-size: 1.8rem;
}
/*詳細はこちらテキストボタン*/
.btn-white{
	display: inline-block;
	width:320px;
	padding: 0.25em 0.5em;
	border: solid 1px #4F4C96; 
	background-color: white;
	text-align: center;
	
}
.btn-white a{
	text-decoration: none;
	color: #4F4C96;
	font-weight: bold;
}
.btn-white a:hover{
	opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
}
.btn-orange{
	display: inline-block;
}
.btn-orange a{
	display: inline-block;
	padding: 0.25em 0.5em;
	margin-left: 220px;
	margin-bottom:20px;
	text-decoration: none;
	width:320px;
	background-color: orangered;
	text-align: center;
	color: white;
	font-weight: bold;
	
}
.btn-orange a:hover{
	text-decoration: none;
	opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
}
.btn-bus{
	display: inline-block;
	padding: 0.8em 3em 0.5em;
	border: solid 1.5px #4F4C96;
	text-align: center;
	color: #4F4C96;
	font-size: 2.0rem;
	font-weight: bolder;
}
.btn-download{
	display: inline-block;
	padding: 0.8em 5em 0.5em;
	border: solid 1.5px #E4007F;
	text-align: center;
	color: #E4007F;
	font-size: 2.0rem;
	font-weight: bolder;
	margin-top: 30px;
	margin-bottom: 30px;
}
.btn-more{
	display: inline-block;
	padding: 0.2em 3em;
	border: solid 1.5px #E4007F;
	text-align: center;
	color: #E4007F;
	font-size: 1.6rem;
	font-weight: bolder;
	margin-top: 2em;
	margin-bottom: 2em;
}
.copy{
	color: #4F4C96;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 20px;
}
.copy img{
	width: 15%;
}
.contents1{
	display: flex;
	max-width: 1000px;
	text-align: left;
	background-color:#EBF6F9;
	justify-content: center;
	align-items: center;
	
}
.contents2{
	display: flex;
	max-width: 1000px;
	text-align: left;
	background-color:#FFF6E9;
	justify-content: center;
	align-items: center;
	
}
.contents-base{
	font-size: 1.8rem;
	line-height: 1.4;
}

article{
	max-width: 600px;
	font-size: 1.6rem;
	
}
.jubilo{
	margin: 50px 0;
	display: inline-block;
	max-width: 1000px;
	background-color: #6C9BD2;
	padding: 40px;
	color: white;
	font-size: 2.6rem;
	line-height: 1.2;
}
.jubilo img{
	margin-bottom: 30px;
}
/*スクロールアニメーション*/
.effect-fade {
opacity : 0;
transform : translate(0, 45px);
transition : all 3000ms;
}

.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}
.site-header {
  z-index: 9999;
}

.back {
	background-image: url("images/top/back.jpg");  
}

.back2{	
	margin-bottom: 2.0em;
	margin-top: 2.0em;
	background-color: #D9E6ED;
}
.back3{	
	margin-bottom: 2.0em;	
	background-color: #D9E6ED;
}

.b1{ 
	padding:  2.0em 1.5em 2.0em 1.5em;
	
	 	 
	
}

.b2{ 
	text-align: center;
	font-weight: bolder;
	font-size: 1.6rem;
	padding-bottom: 1.0em;
	color:#37567A;
	
	 	 
	
}

.map{	
	height: 100%;
}

.scroll{
overflow: auto; /*tableをスクロールさせる*/
border: #3e3a39;
}
/*一般団体・企業*/
.article-box-1,.article-box-2,.article-box-3{
	display: flex;
	font-size: 1.8rem;
	letter-spacing: 0.05em;
	text-align: left;
	align-items: center;
	padding: 1.2rem 2rem;
	
}
.article-box-1{
	background-color: #EBF6F9;
}
.article-box-2{
	background-color: #FFF6E9;
}
.article-box-3{
	background-color: #EBF5EC;
}
.article-box-4{
	display: flex;
	width: 100%;
	font-size: 1.8rem;
	letter-spacing: 0.05em;
	text-align: left;
	padding: 1.2rem 2rem;
	background-color: #EBF6F9;
}
.whichway{
	display: flex;
	background-color: #EBF6F9;
	align-items: center;
	text-align: left;
	font-size: 1.6rem;
	letter-spacing: 0.8em;
	line-height: 160%;
	padding: 1.2rem 2rem;
	margin-bottom: 60;
}
.view{
	display: flex;
	background-color: #EBF6F9;
	font-size: 1.8rem;
	align-items: center;
	text-align: left;
	line-height: 300%;
	padding: 1.2rem 2rem;
}
.ex-box{
	border: solid 1px #B5B5B6;
	text-align: left;
	margin-bottom: 50px;
}
.ex-box li{
	list-style: none;
	font-size: 1.6rem;
	padding-top: 3%;
}
.box-title{
	border-bottom: solid 1px #B5B5B6;
	padding-top: 3%;
	padding-bottom: 3%;
	text-align: left;
	color: #4F4C96;
	font-weight: bolder;
	font-size: 2.0rem;
	
	
}
/*旅行会社*/
.registration a{
	font-size: 2.2rem;
	color: #E4007F;
}
.bus-no{
	font-size: 2.0rem;
	color: #4F4C96;
}
.notes-box{
	text-align: left;
	line-height: 2em;
}
.info{
	font-size: 2.0rem;
	color: #4F4C96;
}
.mark-box{
	background-color: white;
	text-align: center;
	padding: 1.2em;
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-weight: bold;
}
.mark-box img{
	max-width: 680px;
}
/*ご利用方法*/
.contents_plan{
	display: inline-block;
	text-align: left;
	font-size: 1.8rem;
	line-height: 140%;
	letter-spacing: 0.05em;
	
}
.traiangle{
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-top: 50px solid #EA5514;
}
.QR{
	text-align: center;
	font-size: 1.8rem;
}
.member{
	display: inline-block;
	text-align: left;
	font-size: 2.0rem;
	line-height: 180%;
}
/*キャンセル料*/
.cancel{
	width: 100%;
	font-size: 1.8rem;
	
}

.cancel thead{
	text-align: left;
	background-color: #F3B963;
	color: white;
	
}
.cancel th{
	text-align: left;
	background-color: white;
	color: #4F4C96;
	
}
/*実績ページ*/
.tbl-HT, .tbl-KT,.tbl-KS,.tbl-HR,.tbl-TK,.tbl-KK,.tbl-CG,.tbl-SK,.tbl-KY{
	width: 100%;
	margin-bottom: 50px;
	font-size: 1.6rem;
	
}
.tbl-HT td:first-child, .tbl-KT td:first-child,.tbl-KS td:first-child,.tbl-HR td:first-child,.tbl-TK td:first-child,.tbl-KK td:first-child,.tbl-CG td:first-child,.tbl-SK td:first-child,.tbl-KY td:first-child{
	background-color: white;
	color: #4F4C96;
	font-weight: bolder;
	font-size: 1.8rem;
	text-align: left;
	width: 40%;
}
.tbl-HT td:last-child, .tbl-KT td:last-child,.tbl-KS td:last-child,.tbl-HR td:last-child,.tbl-TK td:last-child,.tbl-KK td:last-child,.tbl-CG td:last-child,.tbl-SK td:last-child,.tbl-KY td:last-child{
	width: 20%;
}
.tbl-HT th{
	background-color: #0093D4;
}
.tbl-KT th{
	background-color: #D85198;
}
.tbl-KS th{
	background-color: orangered;
}
.tbl-HR th{
	background-color: green;
}
.tbl-TK th{
	background-color: orange;
}
.tbl-KK th{
	background-color: purple;
}
.tbl-SK th{
	background-color: #13AE67;
}
.tbl-CG th{
	background-color: #E94E60;
}
.tbl-KY th{
	background-color: #4F4C96;
}

/*料金ページ*/	
.label{
	font-size: 2.4rem;
	font-weight: bolder;
	color: #e4007f;
	letter-spacing: 0.05em;
	font: "游ゴシック";
}
table th{
	text-align: center;
	padding: 10px 10px 10px ;
	border: solid 1px #B5B5B6;
	color: white;
	text-align: center;
}
table td{
	padding: 10px 10px 10px ;
	border: solid 1px #B5B5B6;
}
.tbl-r01, .tbl-r02,.tbl-r03{
	width: 100%;
	
}
.tbl-r01 td, .tbl-r02 td,.tbl-r03 td:first-child{
	background-color: white;
	color: #4F4C96;
	font-weight: bolder;
}
.tbl-r01 th{
	background-color: #0093D4;
}
.tbl-r02 th{
	background-color: orange;
	color: white;
}
.tbl-r03 th{
	background-color: #01A473;
	color: white;
}
.option-box{
	display: flex;
	margin-bottom: 30px;
	width: 180px;
	height: 90px;
	align-items: center;
	justify-content: center;
	background-color: #EBF6F9;
	border: solid 1px #1D2088;
	border-radius: 10px;
	color: #4F4C96;
	font-size: 1.9rem;
	font-weight: bolder;
	
}
/*よくあるご質問*/
.h4_box1,.h4_box2,.h4_box3,.h4_box4{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	align-items: baseline;
	max-width: 90%;
	margin:0 auto;
	padding: 1.2rem 4rem 0.6rem;
	border-radius: 100px;
	color: white;
	
}
.h4_box1{
	background-color: #00A0E9;
}
.h4_box2{
	background-color: #01A473;
}
.h4_box3{
	background-color: #F39800;
}
.h4_box4{
	background-color: #883D93;
}
.answer-box{
	display: flex;
	width: 90%;
	margin: 0 auto;
	padding-left: 4rem;
	padding-right: 4rem;
	font-size: 1.6rem;
}

/*車両について*/
.bus-img{
	max-width: 90%;
	margin: 0 auto;
}
.m-parts{
	width: 90%;
	margin: 0 auto;
}
.bus_box1,.bus_box2,.bus_box3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	align-items: baseline;
	max-width: 90%;
	margin:0 auto;
	padding: 1.2rem 4rem 0.6rem;
	border-radius: 100px;
	color: white;
	
}
.bus_box1{
	background-color: #00A0E9;
}
.bus_box2{
	background-color: orange;
}
.bus_box3{
	background-color: #01A473;
}


/*会社概要表*/
dl{
	border-bottom: solid 1px #d6d5d2;
	padding: 24 0;
	font-size: 1.6rem;
}
dt{
	clear: left;
	float: left;
	width: 35%;
	margin-bottom: 18px;
	padding-left: 25px;
	padding-bottom: 12px;
	line-height: 1.6;
	color:#4F4C96;
	text-align: left;
	font-weight: bold;
}
dd{
	margin-bottom: 18px;
	margin-left: 25%;
	line-height: 1.6;
	text-align: left;
}
.message{
	font-size: 2.8rem;
	font-weight: bold;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	margin-bottom: 40px;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin-bottom: 50px;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/*お問合せページ*/
.PP{
	text-align: left;
}
.kara{
	text-align: center;
}

/*バス簡単予約ページ*/
.step{
	display: flex;
}
.step-no{
	display: inline-block;
	position: relative;
	width: 180px;
	background-color: #00A0E9;
	border-radius: 20px 0 0 20px;
	color: white;
	text-align: center;
	line-height: 60px;
}
.step-ex{
	display: inline-block;
	position: relative;
	width: 100%;
	border: solid 2px #00A0E9;
	border-radius: 0 20px 20px 0;
	color: #00A0E9;
	padding-left: 20px;
	text-align: left;
	line-height: 60px;
	
}
.b-ch{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #FFF6E9;
	border: solid 2px #E4007F;
	border-radius: 20px;
	cursor: pointer;
	 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  
	
}
.b-ch img{
	width: 30%;
	padding-right: 30px;
	border-radius: 20px 0 0 20px;
	
}
a.btn-ch{
	font-size: 3.0rem;
	font-weight: bold;
	color: #E4007F;
	text-align: left;
  vertical-align: middle;
  text-decoration: none;
}
.arrow{
	position: relative;
	display: inline-block;
}
.arrow::before{
  content: '';
  width: 2.8rem;
  height: 2.8rem;
  border: 0px;
  border-top: solid 7px #E4007F;
  border-right: solid 7px #E4007F;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
	
}
/*部活送迎ページ*/
.merit-mark{
	display: inline-block;
	padding: 0.4rem 1rem 0.6rem;
	border-radius: 20px;
	background-color: #4f4c96;
	color: white;
	letter-spacing: 0.4rem;
	margin-bottom: 2rem;
}		
.number{
	font-size: 2.4rem;
	font-weight: bold;
}
.mb-30{
	margin-bottom: 3rem;
}
.mb-20{
	margin-bottom: 2rem;
}
.club-price{
	font-size: 1.8rem;
}
.tbl-club,.tbl-price{
	width: 100%;
	margin-bottom: 50px;
	font-size: 1.6rem;
}
.tbl-club th,.tbl-price th{
	background-color: #efefef;
	color: #4F4C96;
}
.tbl-club td{
	text-align: left;
}
.tbl-club td:last-child{
	text-align: right;
}
.tbl-price td{
	text-align: right;
}
.tbl-price td:first-child{
	text-align: left;
}
.tbl-price td:first-child{
	text-align: left;
}
.tbl-price td:nth-child(3){
	text-align: center;
}
.form-script{
	font-size: 1.8rem;
	margin-bottom: 3rem;
}
.parents{
	display: inline-block;
	padding: 1rem 3rem;
	border-radius: 20px;
	background-color: #4f4c96;
	color: white;
	font-size: 2rem;
	letter-spacing: 0.4rem;
	margin-bottom: 3rem;
}	
/*子ども会ページ*/
.card{
	background-color: #e4007f;
	padding: 1rem;
	text-align: center;
}
.card-title{
	color: white;
	font-size: 2.2rem;
	letter-spacing: 0.08rem;
	font-weight: bold;
}
.card-article{
	text-align: center;
	line-height: 2.6rem;
	margin-top: 2rem;
	font-size: 1.8rem;
}
.spot-box{
	background-color: #f4efba;
	padding: 2rem 2rem 1.4rem;
	text-align: center;
	margin-bottom: 3rem;
}
.spot-box2{
	background-color: #f4efba;
	padding: 2rem 2rem 1.4rem 2rem ;
	text-align: center;
	height: 100%;
	margin-bottom: 3rem;
}


.spot{
	font-size: 2.2rem;
	letter-spacing: 0.08rem;
	color: #4f4c96;
}
.spot2{
	font-size: 2.0rem;
	letter-spacing: 0.08rem;
	color: #4f4c96;
}
.spot-article{
	line-height: 2.8rem;
	font-size: 1.8rem;
}
.tbl-kids{
	width: 100%;
	margin-bottom: 50px;
	font-size: 1.6rem;
}
.tbl-kids th{
	background-color: #efefef;
	color: #4F4C96;
}
.tbl-kids td:nth-child(2){
	text-align: left;
	width: 55%;
}
.tbl-kids td:last-child{
	text-align: right;
	width: 12%;
}

.t-h2{
		font-size: 1.8rem;
		text-align: center;
	}

/*///////////////////////////////////*/

/*スマホ表示設定*/
@media (max-width: 767px) {
	.wrapper{
		margin: 0 auto;
		overflow: hidden;
	}
/*ヘッダースマフォ*/
	#header_top {
	display: flex;
	flex-direction: column;
	margin-top: 6rem;
}
	/*ヘッダ電話番号スマフォ*/
	#header_midle{
	font-size: 1.5rem;
	text-align: center;
	line-height: 2.4rem;
	
}
	/*WEB予約ボタンスマフォ*/
	.booking,.login,.header_contact{
		width: 80%;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	

	
/*ナビゲーションスマフォ*/
	.navbar {
	    margin-top: 1rem;
	}
    .navbar-collapse {
		position: absolute;
        width: 110%;
		margin:0 -15px;
		z-index: 99999;
		background: rgba(0,0,0,0.7);
	}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color:#fff;
}
	
/*全ページ共通アイコンスペーススマフォ*/
.icon-box{
	text-align: center;	
}
.icon-box img{
	width: 110%;
	margin-bottom: 20px;
}
/*全ページ共通コンタクトスペース*/
	
	
/*アニメーションバススマフォ*/
.bus img{
	width: 25%;
	height: auto;
}
/*フッタースマフォ*/
	footer{
		text-align: center;
	}
	address {
		text-align: center;
	font-size: 1.3rem;
	line-height: 2.0;
	letter-spacing: 0.05em;
}
    footer .logo_footer {
	font-weight: bold;
	font-size: 2.0rem;
}
	.footer-nav{
		display: none;
	}
	/*各コンテンツページスマフォ*/
	.main-title{
		position: relative;
		background-image: url("images/bg-sp.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 0;
		padding-top: 60%;			
}
	
    .main-title p{
		position: absolute;
		top:13%;
		left: 9%;
		color: #E4007F;
		font-size: 1.8rem;
		font-weight: bolder;
		letter-spacing: 0.05em;
		font-family: 'M PLUS Rounded 1c', sans-serif; 
}
	.main-title_club{
		background-image: url( "../../images/school-club/main_visual1_sp.jpg");
		padding-top: calc(100%*300/500);
	}
	.main-title_club h1{
		text-align: center;
		top: 20%;
		left: 50%;
		transform: -webkit-translate(-50%,-20%);
		transform: -ms-translate(-50%,-20%);
		transform: translate(-50%,-20%);
		font-size: 1.6rem;
		line-height: 3rem;
	}
   
/*各コンテンツタイトルスマフォ*/
	.whatsnew{
	max-width: 95%;
		
}
    .title img{
		width: 18%;
}
	.title h2{
		font-size: 2.0rem;
		text-align: center;
	}
	
	
.title-im{
	width: 90%;
	
}
.contents1{
	display: inline-block;
	background-color:#EBF6F9;
	width: 100%;
}
.contents2{
	display: inline-block;
	background-color:#FFF6E9;
	width: 100%;
}
    .copy img{
	    width: 30%;
}
	.copy{
		font-size: 1.9rem;
		letter-spacing: 0.05em; 
	}
	.btn-orange a{
	    margin-left: 10%;
	    margin-bottom:20px;
		width: 100%;
		padding: 0.5em 2.0em;
		
}
	.jubilo{
	display: inline-block;
	padding: 15px;
	font-size: 2.1rem;
	
}
	.h3_box{
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	}

/*一般団体・企業スマフォ*/
	.article-box-1,.article-box-2,.article-box-3,.article-box-4{
		display: inline-block;
		padding-top: 10px;
	}
	
	
	
	.whichway{
	display: block;	
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	line-height: 160%;
	}
	.view{
	display: inline-block;
	font-size: 1.6rem;
	text-align: left;
	line-height: 160%;
	}
	.view img{
		width: 50%;
	}
	
/*ご利用方法スマフォ*/
.contents_plan{
	font-size: 1.4rem;
	line-height: 2rem;
	
}
	.member{
	font-size: 1.4rem;
	line-height: 2rem;
}
	.step{
	font-size: 1.4rem;
		
}
	h3{
		font-size: 1.4rem;
	}
	/*キャンセル料スマフォ*/
	.cancel{
	font-size: 1.4rem;
	
}
	.panel-heading{
		font-size: 1.8rem;
	}
/*実績レスポンシブテーブル*/
  .tbl-HT .thead, .tbl-KT .thead,.tbl-KS .thead,.tbl-HR .thead,.tbl-TK .thead,.tbl-KK .thead,.tbl-CG .thead,.tbl-SK .thead,.tbl-KY .thead{
    display: none;
  }
  .tbl-HT td, .tbl-KT td,.tbl-KS td,.tbl-HR td,.tbl-TK td,.tbl-KK td,.tbl-CG td,.tbl-SK td,.tbl-KY td {
    display: block;
    text-align: right;
    width: 100%;
  }
	.tbl-HT td:last-child, .tbl-KT td:last-child,.tbl-KS td:last-child,.tbl-HR td:last-child,.tbl-TK td:last-child,.tbl-KK td:last-child,.tbl-CG td:last-child,.tbl-SK td:last-child,.tbl-KY td:last-child{
	width: 100%;
}
  .tbl-HT td:first-child,.tbl-KT td:first-child,.tbl-KS td:first-child,.tbl-HR td:first-child,.tbl-TK td:first-child,.tbl-KK td:first-child,.tbl-CG td:first-child,.tbl-SK td:first-child,.tbl-KY td:first-child{
    color: #fff;
    text-align: center;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	width: 100%;  
  }
	.tbl-HT td:first-child{
		background-color: #0093D4;
	}
	.tbl-KT td:first-child{
    background-color: #D85198;
    }
	.tbl-KS td:first-child{
    background-color: orangered;
    }
	.tbl-HR td:first-child{
    background-color: green;
    }
	.tbl-TK td:first-child{
    background-color: orange;
    }
	.tbl-KK td:first-child{
    background-color: purple;
    }
	.tbl-CG td:first-child{
    background-color: #E94E60;
    }
	.tbl-SK td:first-child{
    background-color: #13AE67;
    }
	.tbl-KY td:first-child{
    background-color: #4F4C96;
    }
	
  .tbl-HT td:before,.tbl-KT td:before,.tbl-KS td:before,.tbl-HR td:before,.tbl-TK td:before,.tbl-KK td:before,.tbl-CG td:before,.tbl-SK td:before,.tbl-KY td:before{
    content: attr(data-label);
    float: left;
    font-weight: bold;
	}
	
/*料金ページ*/
	.label{
	font-size: 2.0rem;
	}
	/*料金表レスポンシブテーブル*/
	.tbl-r01,.tbl-r02,.tbl-r03{
    width: 100%;
  }
  .tbl-r01 .thead {
    display: none;
  }
  .tbl-r01 tr {
    width: 100%;
  }
  .tbl-r01 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r01 td:first-child {
    background-color: #0093D4;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r01 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    
  }
  .tbl-r02 .thead {
    display: none;
  }
  .tbl-r02 tr {
    width: 100%;
  }
  .tbl-r02 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r02 td:first-child {
    background-color: orange;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r02 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    
  }
.tbl-r03 .thead {
    display: none;
  }
  .tbl-r03 tr {
    width: 100%;
  }
  .tbl-r03 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r03 td:first-child {
    background-color: #01A473;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r03 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    
  }
	.option-box{
	width: 140px;
	height: 80px;
	font-size: 1.5rem;
	text-align: center;	
}
/* よくあるご質問スマフォ */
	.h4_box1,.h4_box2,.h4_box3,.h4_box4{
	max-width: 100%;
	color: white;
	font-size: 1.6rem;
	
}
	.answer-box{
	width: 100%;
	font-size: 1.4rem;
}
	
/*車両についてスマフォ*/
	.btn-bus{
	width: 100%;
	}
	.btn-download{
		width: 100%;
		font-size: 1.4rem;
		padding: 0.8em 2.6em 0.5em;
	}
	
/*///////////////////////////////////*/	
	
/*日記・新着ページ*/
	.side-title{
		font-size:1.6rem;
　　 }
	
/*///////////////////////////////////*/	
.sp-meny {	
	background: rgba(0,0,0,0.7);
	}
	
.site-headersp {
	
	position: absolute;
    width: 100%;
	left: 0px;                /* 左からの位置指定 */
    top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: fixed;
	text-align: center;
	z-index: 9999;

}

.site-headersp a{	
	text-align: center;
	color: #fff;
	font-size: 1.0em;	

}

dt{
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}
dd{
	width: 100%;
	margin: 0;
	padding: 0;
}	
	
.whatbox{	
	height: auto;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	margin-top:  2.0em;
	
 }
/*バス簡単予約ページ*/
.step{
	display: flex;
	flex-direction: column;
}
.step-no{
	width: 100%;
	border-radius: 20px 20px 0 0;
	line-height: 3rem;
}
.step-ex{
	border-radius: 0 0 20px 20px;
	line-height: 3rem;	
}
/*一般団体・企業様バナー*/
.b-ch{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.b-ch img{
	width: 100%;
	border-radius: 20px 20px 0 0;
	padding-right: 0px;
}
a.btn-ch{
	font-size: 2.0rem;
	
}
.arrow{
	display: none;
}
	/*部活動スマフォ*/
	.merit-mark{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}	
	/*部活動レスポンシブテーブル*/
  .tbl-club .thead, .tbl-price .thead,.tbl-kids .thead{
    display: none;
  }
  .tbl-club td, .tbl-price td, .tbl-kids td{
    display: block;
    text-align: right;
    width: 100%;
  }
	.tbl-club td:last-child, .tbl-price td:last-child, .tbl-kids td:last-child,.tbl-kids td:nth-child(2){
		width: 100%;
}
  .tbl-club td:first-child,.tbl-price td:first-child,.tbl-kids td:first-child {
    color: #fff;
    text-align: center;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	width: 100%;
	  background-color: #0093D4;
  }
	.tbl-price td:nth-child(3){
		text-align: right;
	}
		
  .tbl-club td:before,.tbl-price td:before,.tbl-kids td:before{
    content: attr(data-label);
    float: left;
    font-weight: bold;
	}
	
	.maxwidth7{
		max-width: 90%;
	}
	.go-to{
		position: fixed;
		left: 50%;
		bottom: 30px;
		transform: translateX(-50%);
		z-index: 100;
		display: inline-block;
		background-color: #e4007f;
		border-radius: 20px;
		padding: 1.6rem;
		color: white;
		text-decoration: none;
	}
	a.go-to:hover{
		background-color: white;
		border: solid 1px #e4007f;
		color: #e4007f;
		text-decoration: none;
		
	}
	.go-to_pc{
		display: none;
	}
}

/*///////////////////////////////////*/

/*タブレット表示設定*/
@media (min-width: 768px) {
.pc {
	display: block;
}
.sp {
	display: none;
}

	
	
/*ヘッダー*/
header{
	
	width: 100%;
	height: 103px;
	margin-top: 15px;
	margin-bottom: 10px;
}
#header_top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
}

#logo img {
	max-width: 305px;/*adjustable*/
	
}

/*ヘッダ電話番号*/
#header_midle{
	text-align: center;
	vertical-align: bottom;
	
	
}
.line02{
	font-size: 1.2rem;
	word-break: keep-all;
}
.tel-link{
	font-size: 2.2rem;
	word-break: keep-all;

}


/*WEB予約ボタン*/
.booking{
	font-size: 1.3rem;
	position: relative;
	display: inline-block;
	padding: 1rem 1rem;
	word-break: keep-all;
	
  
}
	.btn-booking{
	width: 160px;
	
}

.line01{
	color: black;
	font-size: 1.1rem;

}
/*ヘッダ右側ボタン*/

/*ログインボタン*/
.login,.header_contact{
	font-size: 1.2rem;
	padding: 1rem 0;
	word-break: keep-all;
	}
.btn-blue{
	margin: 5px 0;
}

/*お問い合わせボタン*/
.btn-pink{
	
}
#header_top #logo {
	text-align: center;
}
#header_contact {
	text-align: left;
}
#gnavi ul.navbar {
	min-height: 0;
}
#gnavi ul.navbar-nav li {
	border-right: solid 1px #444444;
}
#gnavi ul.navbar-nav li:last-child {
	border: none;
}
#gnavi ul.navbar-nav li > ul > li {
	border: none;
}
.navbar-nav>li>a {
	padding-top: 0;
	padding-bottom: 0;
}
.dropdown:hover > .dropdown-menu{
  display: block;
}
#main_visual {
	margin-bottom: 40px;
}
.navbar-brand {
	display: none;
}
.flex-reverse {
	display: block;
}
footer {
	text-align: left;
	background: #F3F3EF;
	margin-top: 0;
	
}
footer .footer_bottom ul li {
	margin-right: 40px;
}
	.go-to_pc{
		display: inline-block;
		border-radius: 20px;
		background-color: #e4007f;
		padding: 1.2rem;
		color: white;
		text-decoration: none;
		text-align: center;
		margin-bottom: 3rem;
		font-size: 2rem;
		
	}
	a.go-to_pc:hover{
		background-color: white;
		border: solid 1px #e4007f;
		color: #e4007f;
		text-decoration: none;
	}
	.go-to{
		display: none;
	}
	.spot-box{
		text-align: left;
	}
	.spot-box2 {
		text-align: left;
	padding: 2rem 2rem 1.4rem 2rem ;
		
	}
}

/*///////////////////////////////////*/

/*PC表示設定*/
@media (min-width: 992px) {
	/*ヘッダー*/

#logo img {
	max-width: 500px;/*adjustable*/
	
}

/*ヘッダ電話番号*/
#header_midle{
	line-height: 4.2rem;
	
}
.line02{
	font-size: 1.8rem;
	font-weight: bold;
}
.tel-link{
	font-size: 2.8rem;

}


/*WEB予約ボタン*/
.booking{
	font-size: 1.6rem;
	padding: 1rem 1.2rem;
	  
}
.btn-booking{
	width: 200px;
	
}
.line01{
	
	font-size: 1.3rem;

}
/*ヘッダ右側ボタン*/
/*ログインボタン*/
.login,.header_contact{
	font-size: 1.6rem;
	padding: 1rem 3rem;
	}
.btn-blue{
	width: 100%;
	margin: 5px 0;
}
/*お問い合わせボタン*/
.btn-pink{
	width: 100%;
}
.container {
	width: 1000px;/*adjustable*/
	padding: 0;
	text-align: center;
		
}
.container-fluid {
	width: 100%;
	padding: 0;
}
	
.navbar-default2 .navbar-nav>li>a{	 
	 padding: 10px 20px;	 
	 font-size:1.8rem; 
}
	.nav>li>a, .nav>li>ul>li>a {
	padding: 0 4px;/*adjustable*/
		
}
#gnavi {
  width: 80%;
  margin: 0 auto;
	
}
.le-navbar-table{
		display: table;
	　　 table-layout: fixed;
		text-align: center;
		width: calc(100%);
	
}
.le-navbar-table > li{
		float: none;
		display: table-cell;
		vertical-align: middle;
	    border-right: solid thin #444444;
}
.le-navbar-table > li:last-child{
		border-right: none;
}
.spot-box2-2{display:flex;
	margin-bottom: 3rem;}
.spot-box2 {padding: 2rem 2rem 0rem 2rem ;
		
	}	
.t-h2{
		font-size: 2.8rem;
		text-align: center;
	}	
	
}
/*///////////////////////////////////*/