@charset "utf-8";
/*
theme Name: 貸切バス.net
Author: isdk
Description: original theme
version： 1.0.0
*/

/*
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype"); font-display: swap; }
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype"); font-display: swap; }
*/

/*cssのリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,
summary,time,mark,audio,video {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	/*background: transparent;*/
    font-weight: 400;
	overflow-x: hidden;
	overflow-y:hidden;
}
 
body {
	line-height: 1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}
 
nav ul {
	list-style: none;
}
 
blockquote,
q {
	quotes: none;
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
 
a {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	word-wrap:break-word;
}

h4.001{
	text-decoration:none!important;
}

ins {
	text-decoration: none;
	color: #000;
	background-color: #ff9;
}
 
mark {
	font-weight: bold;
	color: #000;
	background-color: #ff7;
}
 
del {
  text-decoration: line-through;
}
 
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
 
table {
  border-spacing: 0;
  border-collapse: collapse;
}
 
hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}


/*サイト全体の基準となるCSSを記述*/
html {
	font-size: 16px;
	overflow-y:scroll;
	scroll-behavior: smooth;
}
 
body {
  /*フォントの指定*/
  font-family: 'Noto Sans Japanese', sans-serif;
  /*行間の指定*/
  line-height: 1.4;
  margin: 0;
  padding: 0;
  /*サイトのデフォルトとなる文字の色を指定*/
  color: #333;
}


.header-inner,
.container {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 1.25rem;
}

.container {
  padding: 2rem 1.25rem;
}

.container:after {
  display: block;
  clear: both;
  content: '';
}

.contents {
  float: left;
  width: 70%;
  margin-right: 3%;
}

.sidebar {
  float: left;
  width: 27%;
}

#pageside .sidebar {
    float: left;
    width: 100%;
}
@media(max-width: 800px) {
  .contents,
  .sidebar {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .contents {
    margin-bottom: 1.5rem;
	}
}
 
/*見出しを全て太字で表示 + 文字色を黒に*/

h1{
	font-weight: bold;
	color: #000;
	display:none;
}

h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #000;
}
 
img {
  max-width: 100%;
  height: auto;
}


/*     */
nav a{
  display:block;
  padding:20px;
  background-repeat :no-repeat;
}


/**/


.camp1 a:hover{
	opacity: 0.9;
	transition-duration: 0.1s;
}


.linklabel:hover{
	opacity: 0.6;
	transition-duration: 0.1s;
}

/**/


#header-bar{
	/*background: linear-gradient(to right, #141e30, #243b55); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
	background: linear-gradient(to right,#0078c6,#0078CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/* background-color:rgba(44,62,80,1);*/

#header-bar h1{
  width:1024px;
  margin:0px auto;
  font-size:0.7em;
  font-weight:normal;
  padding:6px 10px;
	color:#fff;
	text-align:center;
	display:block;
}


.header-nav-wrap{
	width:100%;
}

#navnav{
  width:100%;
  background-color:rgba(255,255,255,0.9);
	margin:2px 0;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 4px rgba(87,87,87,0.5);
}

.header-nav{
	width:1024px;
  margin:0px auto;
  display: flex;
  flex-flow: row;
  justify-content:space-between;
  background-color:rgba(255,255,255,0.5);
}
.header-nav:after{
	display:block;
	clear:both;
}

.logo{
	color: white;
  padding:20px 0 0 0;
  flex-basis:200px;
  text-decoration:none;
}

.logo a{
	color: #222;
  text-decoration:none;
}

.header-nav ul {
	display: flex;
	flex-flow: row;
	margin: 0;
	padding: 6px;
	list-style-type: none;
	justify-content:space-between; 
	background-color:# ;
	font-weight:bold;
}

/*li.menu{ 
  flex-basis:180px;
  text-align:center;
  font-size:0.8em;
  padding:0px 0 0 0;
  margin-top:20px;
  margin-bottom:0;
}*/

/*      *******                  */
/*logo*/
li#menu-item-2059{
  display: block;
  height:45px;
  width:150px;
  text-indent: -9999px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-2059 a{
  background-image:url(../../uploads/2020/04/kashibus-logo.png);
  display: block;
	background-color:rgba(255,255,255,0);
	background-size:150px 45px;
	
}

li#menu-item-2059 a:hover{
	background-image:url(../../uploads/2020/04/kashibus-logo.png);
	display: block;
	color:#ccc;
	opacity:.6;
}

/*バスログ*/
li#menu-item-1894{
  display: block;
  height:45px;
	width:120px;
  /*text-indent: -9999px;*/
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-1894 a{
  background-image:url(../../uploads/2020/03/m_buslog.png);
    display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 2px;
    padding-top: 28px;
}

li#menu-item-1894 a:hover{
	background-image:url(../../uploads/2020/03/m_buslog1.png);
	display: block;
	color:#ccc;
}

/*バスの種類*/
li#menu-item-184{
  background-image:url(../../uploads/2020/03/m_kind.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-184 a{
  background-image:url(../../uploads/2020/03/m_kind.png);
    display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
}

li#menu-item-184 a:hover{
  background-image:url(../../uploads/2020/03/m_kind1.png);
	display: block;
	color:#ccc;
}

/*利用用途*/
li#menu-item-559{
  background-image:url(../../uploads/2020/03/m_use.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-559 a{
  background-image:url(../../uploads/2020/03/m_use.png);
    display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
	
}

li#menu-item-559 a:hover{
  background-image:url(../../uploads/2020/03/m_use1.png);
	display: block;
	color:#ccc;
}

/*エリアごと*/
li#menu-item-2081{
  background-image:url(../../uploads/2020/03/m_area.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-2081 a{
  background-image:url(../../uploads/2020/03/m_area.png);
  display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
	
}

li#menu-item-2081 a:hover{
  background-image:url(../../uploads/2020/03/m_area1.png);
	display: block;
	color:#ccc;
}

/*参考料金*/
li#menu-item-4452{
	background-image:url(../../uploads/2020/03/m_price.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-4452 a{
	background-image:url(../../uploads/2020/03/m_price.png);
	display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
	
}

li#menu-item-4452 a:hover{
  background-image:url(../../uploads/2020/03/m_price1.png);
	display: block;
	color:#ccc;
}

/*参考料金*/
li#menu-item-8117{
  background-image:url(../../uploads/2020/03/m_price.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-8117 a{
  background-image:url(../../uploads/2020/03/m_price.png);
  display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
	
}

li#menu-item-8117 a:hover{
	background-image:url(../../uploads/2020/03/m_price1.png);
	display: block;
	color:#ccc;
}


/*利用案内*/
li#menu-item-4488{
  background-image:url(../../uploads/2020/03/m_info.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-4488 a{
  background-image:url(../../uploads/2020/03/m_info.png);
  display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
	
}

li#menu-item-4488 a:hover{
  background-image:url(../../uploads/2020/03/m_info1.png);
	display: block;
	color:#ccc;
}

/*利用方法*/
li#menu-item-7275{
  background-image:url(../../uploads/2020/03/m_info.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-7275 a{
  background-image:url(../../uploads/2020/03/m_info.png);
  display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
	
}

li#menu-item-7275 a:hover{
  background-image:url(../../uploads/2020/03/m_info1.png);
	display: block;
	color:#ccc;
}


/*無料見積り*/
li#menu-item-5670{
  background-image:url(../../uploads/2020/03/freemitumori1.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
	  text-indent: -9999px;
}

li#menu-item-5670 a{
	background-image:url(../../uploads/2020/03/freemitumori1.png);
  display: block;
    background-color: rgba(255,255,255,0);
    background-size: 90px 42px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
	
}

li#menu-item-5670 a:hover{
  background-image:url(../../uploads/2020/03/freemitumori1_1.png);
	display: block;
	color:#ccc;
}

/*安全への取り組み*/
li#menu-item-7101{
  background-image:url(../../uploads/2020/04/m_anzen.png) no-repeat;
  display: block;
  height:45px;
  width:120px;
	padding-top:8px;
	overflow-y:hidden;
}

li#menu-item-7101 a{
  background-image:url(../../uploads/2020/04/m_anzen.png);
  display: block;
    background-color: rgba(255,255,255,0);
    background-size: 30px 30px;
    background-position: top;
    font-size: 0.7em;
    text-align: center;
    height: 13px;
    padding-bottom: 5px;
    padding-top: 28px;
	
}

li#menu-item-7101 a:hover{
	background-image:url(../../uploads/2020/04/m_anzen.png);
	display: block;
	color:#ccc;
		opacity:.6;
}




#mobatel{
	display:none;
}


.headtext {
	font-size: 3em;
    line-height: 1.1em;
    font-weight: bold;
    margin: .5em 0.2em;
    font-weight: bold;
    text-shadow: 0 0.01em 0 #999, 0 0.02em 0 #888, 0 0.03em 0 #777, 0 0.04em 0 #666, 0 0.05em 0 #555, 0 0.06em 0 #444, 0 0.08em 0 #000;
    color: yellow;
}

.headtext2 {
    font-size: 2.2em;
    line-height: 1.1em;
    font-weight: bold;
    margin: .5em 0.2em;
    font-weight: bold;
}
.headtext3{
    font-size: 2.4em;
    line-height: 1.2em;
    font-weight: bold;
    margin: .5em 0.2em;
    font-weight: bold;
    color: #000;
	text-shadow    : 
       3px  3px 4px #ffffff,
      -3px  3px 4px #ffffff,
       3px -3px 4px #ffffff,
      -3px -3px 4px #ffffff,
       3px  0px 4px #ffffff,
       0px  3px 4px #ffffff,
      -3px  0px 4px #ffffff,
       0px -3px 4px #ffffff;        /* 文字の影 */
}
@media screen and (max-width: 1023px){
	.headtext3{
		font-size:1.7em;
	}
}
@media screen and (max-width: 769px){
	.headtext3{
		font-size:1.6em;
	}
}
@media screen and (max-width: 480px){
	.headtext3{
		font-size:.9em;
		line-height:1.4em;
	}
}

.headtext4{
	text-align:center;
    font-size: 2.8em;
    line-height: 1.5em;
    font-weight: bold;
    margin: .5em 0.2em;
    font-weight: 800;
    color: #003366;
	text-shadow    : 
       3px  3px 4px #ffffff,
      -3px  3px 4px #ffffff,
       3px -3px 4px #ffffff,
      -3px -3px 4px #ffffff,
       3px  0px 4px #ffffff,
       0px  3px 4px #ffffff,
      -3px  0px 4px #ffffff,
		0px -3px 4px #ffffff;        /* 文字の影 */
	margin-top:150px;
	font-family: "Noto Sans JP", "Helvetica Neue","Arial",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Meiryo",
    sans-serif;
    font-weight: 900;
}
@media screen and (max-width: 1023px){
	.headtext4{
		font-size:2em;
	}
}
@media screen and (max-width: 769px){
	.headtext4{
		font-size:1.8em;
	}
}
@media screen and (max-width: 480px){
	.headtext4{
		/*font-size:1em;*/
		/*text-align:right;*/
		/*margin-right:.5em;*/
		margin-bottom:0;
		/*padding-right: .3em;*/
		/*letter-spacing:-1px;*/
		margin-top:120px;
	}
}

.right0723{
	text-align:right;
}
a.kuwashikuP{
	font-size: .8em;
    color: #fff;
    font-weight: 600;
    margin: 0 15px;
    /* text-shadow: 3px 3px 4px #ffffff, -3px 3px 4px #ffffff, 3px -3px 4px #ffffff, -3px -3px 4px #ffffff, 3px 0px 4px #ffffff, 0px 3px 4px #ffffff, -3px 0px 4px #ffffff, 0px -3px 4px #ffffff; */
    text-align: right;
    display: inline-block;
    text-decoration: none;
    background: #FF570D;
    padding: .3em 1.1em;
    border-radius: 10px;
}
a.kuwashikuP:hover{
	opacity:.8;
	transition-duration:.5s;
	text-decoration:underline;
}
@media screen and (max-width: 480px){
	a.kuwashikuP{
		margin-top:10px;
	}
}
.centering{
  text-align:center;
}
.box0717 {
    display: inline-block;
    width: 60%;
    margin: 0 5px;
    border-radius: 2em;
    text-align: center;
    background: red;
    padding: 1.5em .5em;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
	font-size: 1.2em;
	transition:.4s;
}
.box0717:hover{
  opacity:.8;
  transition-duration:.5s;
  text-decoration:underline;
}
@media screen and (max-width: 640px){
	.box0717{
		width:80%;
		font-size:1em;
		    padding: .8em .5em;
	}
}
@media screen and (max-width: 360px) {
		.box0717{
		width:50%;
		font-size:.9em;
	}
}
@media screen and (max-width: 640px)
.svgSample1 text {
  font-weight       : bold;
  font-size         : 2em;
  stroke            : #003366;
  fill              : #ffffff;
  letter-spacing    : 6px;
  text-anchor       : middle;
  dominant-baseline : alphabetic;
}
.svgSample1 > svg > use:nth-of-type(1) {
  stroke-width      : 14px;
  paint-order       : stroke;
  stroke-linejoin   : round ;
}
.svgSample1 > svg > use:nth-of-type(2) {
  stroke-width      : 0;
}

/*      *******    バス会社紹介 *******           */

h2.buspartner{
	font-size: 2rem;
    font-weight: 100;
    background-image: linear-gradient(
90deg
,rgb(0,120,198) 0%,rgb(0,120,204) 100%);
    color: white;
    margin: 0;
	padding: 0 15px;
	position:relative;
}
.container0717{
  text-align:center;
}
h4.bcomp{
	font-size:2em!important;
	color:#000!important;
  margin-bottom:0!important;
}
p.captionp{
  margin-top:0!important;
}
.block0717{
  margin:0 auto;
  max-width:600px;
  margin-bottom:1em;
  font-size:1em;
  position:relative;
}
.block0717 img{
  width:100%;
}
.chushaku0717{
  position:absolute;
  bottom:20px;
  right:0;
  font-size:.8em;
}
.block0717t{
  margin:0 auto;
  max-width:600px;
  border:1px solid #ccc;
  margin-bottom:1em;
  font-size:1em;
  padding:.5em;
  text-align:left;
  box-sizing:border-box;
}
@media screen and (max-width: 601px){
	.block0717t{
		border:none;
		background:#f5f5f5;
	}
}
.block0717t a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
}
.block0717t p a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
}
.block0717h{
  margin:0 auto;
  text-align:right;
  max-width:600px;
  height:250px;
  margin-bottom:1em;
  position:relative;
}
.block0717b{
  position:absolute;
  top:0;
  right:0;
  max-width:310px;
  padding:.5em;
  border:1px solid #ccc;
  font-size:.8em;
}
.block0717b p{
  margin:.5em;
}
.block0717b img{
  width:100%;
}

/*      *******                  */

li.tel{
  display: block;
	flex-basis:150px;
	color:#fff;
	border-radius: 4px;
	background-color:red;
  color:#000;
	text-decoration: none;
	border-radius:15px;
  padding-top:10px;
  margin-top:0px;
}

li.tel a{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	background-color:rgba(255,255,255,0);
}


nav li a {
	display: block;
	border-radius: 4px;
	color:#000;
	text-decoration: none;
	background-color:rgba(255,255,255,0.5);
	font-weight:600;
}

nav li a:hover {
	background-color:rgba(87,87,87,0.1);
}


.pan{
  width:100%;
  background: #003366;
	box-shadow:1px 3px 4px gray;
	border-bottom:solid 1px rgba(112,110,101,0.3);
	font-size:1.2em;
	line-height:1.6em;
}

.panbox{
  width:1024px;
	margin:0 auto;
	padding:1px 2px;
}

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

.breadcrumbs{
	color:#ccc;
	font-size:.7em;
	/*display:inline-block;*/
	/*vertical-align:middle;*/
	overflow-y:hidden;
}

.breadcrumbs a{
	color:#111;
	text-decoration:none;
	font-weight:700;
	color:#fff;
}

.breadcrumbs a:hover{
	color:#fff;
	text-decoration:underline;
}

a.taxonomy category{
	font-weight:700;
}

/* */



 /* demo style */
  .is-fixed {
    position: fixed;
    top: -5px;
    left: 0;
    z-index: 2;
    width: 100%;
  }


 main {
    padding: 0px;
	background: #ecf0f1;
	background:#fff;
  }


/* */

/* */

.secondhead{
  margin:0;
  background-color:#000;
  background-image:url("/img/bus-header-min11.jpg");
  background-repeat:  no-repeat;
  width:100%;
  height:450px;
  background-size:cover;
	background-position:left;
	background-position:bottom;
	overflow:hidden;	
	background-attachment: fixed;
}
@media screen and (max-width: 480px) {
	.secondhead{
		height:400px;
		background-attachment: scroll;
	}
}
/*@media screen and (max-width: 360px) {
	.secondhead{
		height:260px;
	}
}*/

.headerimg{
  height:600px;
  margin:0 auto;
	width:1024px;
	background: linear-gradient(to right, rgba(242,242,242,.9), rgba(219,219,219,.5), rgba(234,234,234,0.1));
	position:relative;
}
/*background: linear-gradient(to right, rgba(238,156,167,0.9), rgba(255,221,225,0.2)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/* */

.camp1 {
    position: absolute;
    right: 2%;
    top: 1em;
    opacity: .9;
	text-align: center;
	width:350px;
}
.camp1 p {
    max-width: 350px;
    font-size: .7em;
    background: #222555;
    opacity: .8;
    margin: auto;
	color: #fff;
	padding: .3em;
}

.camp1 p span.yellow{
	color:#FFFF00;
}

.camp1 p:hover,
.camp1 p span.yellow:hover{
	text-decoration:underline;
}

.news{
	/*background-color:rgba(255,215,0,0.8);*/
	max-width:600px;
	margin:2em 0 0 .5em;
	padding:1em;
	border-radius:10px;
	position:absolute;
	top:30%;
}
.topheadline{
	width:100%;
	color:#222;
	top:50%;
	position:absolute;
	background:yellow;
	padding-bottom:.2em;
}
.topheadline:hover{
	opacity:.8;
	transition-duration:.5s;
}

.topheadline a::before{
	content:"\f152";
	font-family:"font awesome 5 free";
	font-weight:700;
	margin-right:.3em;
	margin-left:.3em;
}

.topheadline a{
	color:#0000CD;
}
.topheadline a:hover{
	text-decoration:none;
	color:red;
	transition-duration:.6s;
}
@media screen and (max-width: 400px) {
	.topheadline{
		top:49%;
	}
}

span.updatenews{
	color:red;
}

#floatingkiji{
	width:1024px;
	margin:0;
	padding-top:6px;
}

	

#saishin{
	color:#000;
	font-weight:bold;
}

#saishin:before{
	font-weight:bold;
	content:"\f10e";
	font-family: "Font Awesome 5 Free";
}

.headkiji{
	overflow-x: auto;
	white-space: nowrap;
	padding-bottom:5px;
	margin-left:1em;
}

#datetitle{
	color: #4169E1;
    font-weight: bold;
    max-width: 1024px;
    margin: auto;
    line-height: 3.3em;
}

#datetitle a{
	color:#4169E1;
	font-weight:bold;
	text-decoration:none;
	transition:.4s;
}

#datetitle a:hover{
	color:#005FFF;
	text-decoration:underline;
}

span.bold{
	font-weight:900;
}


 section {
	max-width: 1024px;
    margin: 0 auto;
    background: #fff;
    /*box-shadow: 0 0 30px rgba(0,0,0,.1);*/
  }
  section + section {
    margin-top:20px;
  }


/* 貸切バス参考料金 */

dl.sankouryoukin{
  display:inline-block;
  box-sizing:border-box;
  border-right:solid 1px;
  border-bottom:solid 1px #ccc;
  font-size:1.2em;
  width:calc(100%/ 4);
	margin-bottom:1em;
	margin-left:0;
	margin-right:0;
}
.sankouryoukin#sr{
  border-right:0;
  
}
dt.aiu{
  padding:0.3em;
  text-align:center;
  font-weight:bold;
  background:#f5f5f5;
}
dd.dfuto{
  font-weight:bold;
  color:#000;
  margin-left:0px;
  border-top:solid 1px #ccc;
  padding:.3em;
  text-align:center;
}
dd.gre{
  margin-left:0px;
  border-top:solid 1px #ccc;
  padding:.3em;
  text-align:center;
  color:green;
}
.oya{
  position:relative;
  width:100%;
  height:100px;
  background:yellow;
}
.ko{
  position:absolute;
  right:0;
  bottom:0;
  background:blue;
  color:#fff;
}
.abc{
  text-align:center;
}

.srlink{
display: inline-block;
    background: #005FFF;
    color: #fff;
    /*margin-right: 1em;*/
    padding: 1em;
    margin-bottom: 10px;
    width: 90%;
    border-radius: 18px;
}

.srlink2{
display: inline-block;
    background: #005FFF;
    color: #fff;
    /* margin-right: 1em; */
    padding: .6em 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 12px;
	width: 98%;
	transition:.5s;
}

a.srlink:hover,
a.srlink2:hover{
	opacity:0.6;
	color:#fff;
}

@media screen and (max-width: 640px){
  dt.aiu,
  dd.dfuto,
  dd.gre,
  .srlink{
    font-size:.7em;
	}
	.srlink2{
		font-size:.9em;
	}

}

/* 貸切バス.netとは */

h4.unique{
	position: relative;
	margin:0;
	font-size:2em;
	background: #222555;
	padding:10px;
	text-align:center;
	font-weight:bold;
 	color: #f5f5f5;
	-webkit-text-stroke: 0.02em rgba(238,238,238,1);
}

#three{
  display: flex;
	flex-direction:row;
	justify-content:space-around;
	margin:30px auto;
	padding:30px 0;
	margin-top:-10px;
	flex-wrap:wrap;
  max-width:1024px;
}

.content3{
	width: 320px;
	height:160px;
  box-shadow:1px 1px 4px gray;
}

.clear1{
	display:block!important;
}

.content3#zenkoku{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/03/zenkoku.jpg);
	background-repeat: no-repeat;
	padding:32px 10px;
	box-sizing: border-box;
	font-size:0.75em;
  margin-bottom:.8em;
}

.content3#ansinsupo{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/03/anshin.jpg);
	background-repeat: no-repeat;
	padding:32px 10px;
	box-sizing: border-box;
	font-size:0.75em;
    margin-bottom:.8em;
}
.content3#anzen{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/03/anzen.jpg);
	background-repeat: no-repeat;
	padding:35px 10px;
	box-sizing: border-box;
	font-size:0.75em;
  margin-bottom:.8em;
}

.content3#text{
	width:100%;
	padding:35px 40px;
	box-sizing: border-box;
	font-size:0.75em;
	display:block;
	color:#fff;
	margin: 20px 10px 10px;
	background-color:rgba(255,255,255,0.1);
	border-top:solid 1px white;
	border-bottom:solid 1px white;
	box-shadow:none;
}

.content3 p{
	width:178px;
}

.banabox{
  width:1000px;
  height:190px;
  display:inline-block;
	margin-top:20px;
	margin-bottom: 30px;
  background:#EEEEEE;
  border:solid 1px WindowFrame;
}

h4#banner2{
  background:#BB0000;
  font-size:1.25em;
  color:#fff;
	text-align:center;
	margin:0;
}

	h4#banner3{
			display:none;
		}

.tmf{
  display: flex;
	flex-direction:row;
	justify-content:space-around;
  font-weight:bold;
}

.content3#tmf1,
.content3#tmf2{
  box-shadow:none;
	text-align:center;
	font-weight:bold;
}

.content3#tmf1{
  box-shadow:none;
  text-align:center;
  border-right:solid 5px #fff;
  height:150px;
}
.content3#tmf1 img{
  width:100px;
  margin-bottom:-10px;
}
.content3#tmf2 img#fax1{
  width:70px;
  padding-top:10px;
}

.label111{
    background:#136FFF ;
    color: #f5f5f5;
    border-radius: 5px;
    text-decoration: none;
    line-height: 2em;
    padding: .2em;
}

a.labelDL{
	background:#136FFF;
	color:#f5f5f5;
	border-radius:5px;
	text-decoration:none;
	line-height:2em;
	padding:.2em;
}

a.labelDL:hover{
	  opacity: 0.6;
	transition-duration: 0.1s;
}


/* */

#contain1{
  width:100%;
  background-color:rgba(255,255,255,1);
  margin-top:-10px;
}

.contain1t{
	background:#222555;
  /*background: linear-gradient(to right, #0052d4, #4364f7, #6fb1fc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	margin-top:-15px;
	padding: 5px 0px;
	margin-bottom:15px;
	text-align:center;
}


.contain1t p{
  color:#fff;
	margin:auto 10px;
	font-size: 1.5em;
    font-weight: 700;
    padding: 5px 0;
}

.contain1t p:before {
      content: "<i class="far fa-share-square"></i>" ;
}

#headerbus{
  display: flex;
  flex-direction:row;
  min-height: ;
}



.content{
    flex: 1 1 20%;
    text-align: center;
    margin:0 2px;
	padding:5px;
	box-shadow:1px 1px 4px gray;
}

.content a{
	text-decoration:none;
}

#large a:hover{
  color:#fff;
}

p.bustitle {
	 background: linear-gradient(to right, #008000, #0f9b0f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	border:solid 4px green;
	border-radius:2px;
	overflow-y:hidden;
	font-size:1.5em;
}
p.bustitle:hover{
	color:green;
	background:#fff;
	transition-duration:.5s;
}

/*
p.bustitle:before{
	content:"\f43c";
	font-family: "Font Awesome 5 Free";
	font-weight:bold;
}
*/

.miniletter{
  font-size:0.7em;
  color:#000;
  text-align:center;
  text-decoration:underline;
}

.busdl{

}

dl{
  margin:0px 5px;
}

.busdl:hover{
  background-color:whitesmoke;
}


.busdl dt{
  display:none;
}

.busdl dd{
	font-size:0.9em;
	font-weight:700;
  color:#666;
  text-decoration:underline;
  text-align:left;
  /*background-color:#fff;*/
  margin-left:10px;
  padding:6px;
  /*border-left:solid 5px #888;*/
}

.miniletter2{
  font-size:0.6em;
  color:#444;
  margin:10px 20px;
  text-align:left;
  text-decoration:underline;
}

.clearflex{
	display:block!important;
}

section h4{
	margin:10px;
}


h4.point{
	margin:20px 0px 5px;
	color:green;
	font-size:1.5em;
	position: relative;
	padding: 0.6em;
	background: #e0edff;
	overflow:hidden;
}

h4.point:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 20px solid #e0edff;
  width: 0;
  height: 0;
}

.contain2{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	/*margin:0 10px 20px;
	border:solid 1px silver;*/
	padding-top:10px;
}

.content2{
    flex: 1 1 40%;
    text-align: left;
    margin:0 10px;
    padding:5px;
}

.content2 p{
	text-align:left;
	background: linear-gradient(to right, #141e30, #243b55); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
}

.content2 p:before{
	content:"\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color:yellow;
}


.txt2{
	padding:10px;
	font-size:0.8em;
	color:#444;
	background-color:#f5f5f5;
}

.txt2 a{
	color:#4169E1;
	text-decoration:none;
}

.txt2 a:hover{
	text-decoration:underline;
}

/*  バナー  */
.banner1{
	width:100%;
	  max-width:1024px;
	text-align:center;
	margin:2em 0;
}

.banner1 a:hover {
  opacity: 0.6;
  transition-duration: 0.1s;
}

.banner1 img{
  width:96%;
}

.banimg2{
  display:none;
  width:98%;
  margin:auto;
}
.banimg2:hover {
  opacity: 0.6;
  transition-duration: 0.1s;
}

.textwidget.custom-html-widget:hover{
  opacity: 0.6;
  transition-duration: 0.1s;
}


/* エリアごとのページ   */

:root .has-luminous-vivid-amber-color {
    color: #FF8C00;
    font-weight: bold;
    font-size: 1em;
    border-bottom: solid 1px;
    padding-top: 1em;
}

/*  ここまで エリアごとのページ  */


.bannerbox{
  width:1024px;
  background: linear-gradient(to right, #ffeeee, #ddefbb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	margin:auto;
}

.banner{
  text-align:center;
  margin:30px auto;
	background-color:transparent;
	width:1024px;
}

.btn-square-pop {
  width:100%;
  font-size:2.5em;
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 8px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	box-sizing: border-box;
}


.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.40);
}


#mitumori2row{
	display: flex;
	flex-direction:row;
	background-color:rgba(255, 255, 255, 0.3);
}

#mitumori2row p{
	font-weight:bold;
	color:#555;
}

.content3a{
	flex-basis:30%;
	border-right:solid 1px #000;
	margin:10px;
}
.content3b{
	flex-basis:60%;
	margin:10px;
}

.letter{
  font-size:1em;
  color:#fff;
  margin:10px 10px;
	text-align:left;
	  background: linear-gradient(to right, #2980b9, #6dd5fa); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-bottom: solid 1px #6dd5fa;/*少し濃い目の色に*/
	  display: inline-block;
  padding: 0.25em 0.5em;
}

.telnumb{
	margin:10px 10px;
	font-family: 'Baloo Bhaina', cursive;
  font-size:3em;
  color:red;
}

.telnumb span{
	font-size:0.5em;
	color:#435;
}

.bannerboxT{
	font-size:0.7em;
	margin:10px;
	padding:10px;
	text-align:right;
}

/*
h4.unique{
	position: relative;
	margin:50px 0px -10px;
	color:#444;
	font-size:2.5em;
	background: #e0edff;
	padding:10px;
	font-family: 'Baloo Bhaina', cursive;
}

h4.unique:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 20px solid transparent;
  border-top: 20px solid #e0edff;
  width: 0;
  height: 0;
}

#three{
  display: flex;
	flex-direction:row;
	justify-content:space-around;
	margin:30px 0;
	background: linear-gradient(to right, #0f0c29, #302b63, #24243e);  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ 
	padding:30px 0;
	margin-top:-10px;
	flex-wrap:wrap;
}

.content3{
	width: 320px;
	height:160px;
  box-shadow:1px 1px 4px gray;
}

.clear1{
	display:block!important;
}

.content3#zenkoku{
	background-image:url(../../uploads/2020/02/zenkoku.png);
	background-repeat: no-repeat;
	padding:32px 10px;
	box-sizing: border-box;
	font-size:0.75em;
}

.content3#ansinsupo{
	background-image:url(../../uploads/2020/02/ansinsupo.png);
	background-repeat: no-repeat;
	padding:32px 10px;
	box-sizing: border-box;
	font-size:0.75em;
}
.content3#anzen{
	background-image:url(../../uploads/2020/02/anzen.png);
	background-repeat: no-repeat;
	padding:35px 10px;
	box-sizing: border-box;
	font-size:0.75em;
}

.content3#text{
	width:100%;
	padding:35px 40px;
	box-sizing: border-box;
	font-size:0.75em;
	display:block;
	color:#fff;
	margin: 20px 10px 10px;
	background-color:rgba(255,255,255,0.1);
	border-top:solid 1px white;
	border-bottom:solid 1px white;
	box-shadow:none;
}

.content3 p{
	width:180px;
}
*/

/**/
.article-content.post-53.page.type-page.status-publish.hentry h1{
	text-indent:-9999px;
}

/*  * * * * * * * * ----------用途---------  * * * * * * *  */
#usebox{
	padding:10px;
	box-sizing: border-box;
}

h4.use{
	width:100%;
	text-align:center;
  color:#fff;
  margin:0;
  padding:10px!important;
	font-size:1.8em!important;
	background: #222555;/*linear-gradient(to right, #36d1dc, #5b86e5)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

p.use {
	margin:20px;
	overflow-y:hidden;
}

#uselist{
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
}

.useitem{
  flex: 1 1 40%;
  height:auto;
  box-sizing: border-box;
  margin:10px;
}

.useitem a{
	color:#444;
	text-decoration:none;
}

.useitem a:hover{
	color:#0099FF;
	text-decoration:none;
}

.useitem a:visited{
	color:#444;
	text-decoration:none;
}
.useitem p:hover{
	color:#0099FF;
}

.usetitle{
  color:white;
  background: linear-gradient(to right, #000000, #0f9b0f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  font-weight:bold;
  text-align:center;
  margin:0 ;
}

.usetitle:before{
	content:"\f04b";
	font-weight:bold;
	font-family: "Font Awesome 5 Free";
}

.useimg{
  height:150px;
  background-color:#000;
	margin:0 ;
	position:relative;
	transition:.4s;
}

.useimg#kanko{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/jump.jpg);
	background-repeat: no-repeat;
	background-position:center top 50%;
	background-size:cover;
	transition:.4s;
}

.useimg#golf{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/golf.jpg);
	background-repeat: no-repeat;
	background-position:center top 30%;
	background-size:cover;
	transition:.4s;
}

.useimg#training-camp{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/girls.jpg);
	background-repeat: no-repeat;
	background-position:center top 30%;
	background-size:cover;
	transition:.4s;
}

.useimg#bus-use-by-corporation{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/helmet-lady.jpg);
	background-repeat: no-repeat;
	background-position:center top 45%;
	background-size:cover;
	transition:.4s;
}

.useimg#wedding{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/wedding.jpg);
	background-repeat: no-repeat;
	background-position:center top 70%;
	background-size:cover;
	transition:.4s;
}

.useimg#station-air-port{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/night-flight.jpg);
	background-repeat: no-repeat;
	background-position:center top 50%;
	background-size:cover;
	transition:.4s;
}

.useimg#school{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/tamaire.jpg);
	background-repeat: no-repeat;
	background-position:center top 50%;
	background-size:cover;
	transition:.4s;
}
.useimg#ski-snowboard{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/snow.jpg);
	background-repeat: no-repeat;
	background-position:center top 30%;
	background-size:cover;
	transition:.4s;
}

.useimgbox{
	overflow:hidden;
	position:relative;
	background:#000;
	transition:.4s;
}

.useimgbox::after{
	content:"続きを見る";
	opacity:0;
	position:absolute;
	display:block;
	top:50%;
	left:40%;
	color:#fff;
}

.useimgbox:hover::after{
	opacity:1;
}

.useimg#kanko:hover,
.useimg#golf:hover,
.useimg#training-camp:hover,
.useimg#bus-use-by-corporation:hover,
.useimg#wedding:hover,
.useimg#station-air-port:hover,
.useimg#school:hover,
.useimg#ski-snowboard:hover{
	transform: scale(1.1) rotate(1deg);
	transition-duration: 0.5s;
	overflow: hidden;
		opacity: 0.6;
}

/* FAQブロック */
h4.blue{
  background:#222555;
  color:#fff;
  font-size:2em;
  margin:0 auto;
  text-align:center;
}

dl.faqtopbox{
  background:#B0C4DE;
  margin:0px;
  padding-top:10px;
  padding-bottom:1em;
  padding-left:.5em;
}

dt.ques{
  font-weight:600;
}
dt.ques::before {
	font-family: serif;
	font-size: 1.5em;
	padding-right: 0.5em;
	content: 'Q';
  font-weight:bold;
  color:blue;
}
dd.ans{
	background:#fff;
	padding:10px;
	margin-right:.7em;
	margin-bottom:1em;
	font-size:.8em;
}
dd.ans::before {
	font-family: serif;
	font-size: 1.5em;
	padding-right: 0.5em;
	content: 'A';
	color:red;
}

p.faqlink{
	text-align:right;
	margin-right:2em;
}

p.faqlink::after{
	content:"\f0a9";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;
	margin-left:.3em;
}

p.faqlink:hover,
.faqlink a:hover{
	color:#4169E1;
	transition-duration:.7s;
}


.faqlink a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

/* FAQブロック */


/* ******************* footer ******************* */
.footlogo{
	max-width:165px;
	margin:.5em auto;
}
.apfooter{
	width:100%;
	text-align:left;
	/*background: linear-gradient(to right, #141e30, #243b55); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	padding-bottom:50px;
	font-size:.8em;
	background: linear-gradient(to right,#0078c6,#0078CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.wrapbox{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrapbox a{
	color:#fff;
}

.footerTEXT1{
	width:100%;
	margin:0 auto;
	display: block;
	max-width:1024px;
	padding-top:5px;
	text-align:center;
}

.footerTEXT1 img{
	max-width:88px;
	/*margin-bottom:-6px;*/
}

.footerTEXT1 a{
	color:#fff;
	margin-left:5px;
}

.footerTEXT2{
	color:#fff;
	display:block;
	margin:0 auto;
	width:100%;
	max-width:1024px;
	padding-top:20px;
}

.footerTEXT2 ul{
}
.footerTEXT1 ul li,
.footerTEXT2 ul li{
	color:#fff;
	display: inline-block;
	text-align:center;
	list-style:none;
	padding-left:8px;
	margin-bottom:.3em;
}
.footerTEXT2 a:hover{
	text-decoration:none;
	color:#ccc;
	transition-duration:.5s;
}

@media screen and (max-width: 480px) {
	.footerTEXT2 ul li{
		padding-bottom:5px;
	}
}
	
	
.footerTEXT2 ul li a#footerlink{
	color:#fff;
}



.copyright{
	color:#ccc;
	width:100%;
	text-align:center;
	padding-top:0px;
	margin-bottom:0px;
	background: linear-gradient(to right, #141e30, #243b55); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	font-size:.8em;
	background:#fff;
	padding-bottom:20px;
}

.copyright p{
	padding-right:8px;
	padding-top:5px;
	padding-bottom:62px;
	color:#000;
	font-weight:600;
}
@media screen and (max-width: 700px){
	.copyright  p{
		padding-bottom:28px;
	}
}



/* ******************* footer floating menu ******************* */
#footerFloatingMenu {
    display: block;
	background:rgba(204,0,0,0.9);/*linear-gradient(to right, rgba(242,242,242,.8), rgba(219,219,219,0.7), rgba(234,234,234,0.5));*/
		
    height: 55px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    text-align: justify;
    padding: auto;
    box-shadow: 0px 0px 8px rgba(44,62,80,0.5);
}

.flexbox{
  display:flex;
  max-width:1024px;
  width:100%;
  margin:0 auto;
}

.floatingmenu{
	width: calc(100% / 3);
	text-align:center;
	font-size:1.3em;
	height:55px;
	line-height:55px;
	font-weight:900;
	text-align:center;
	color: #f5f5f5;
	text-shadow : 0 0 0.1em rgba(255,255,255,0.1),0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
	background:#000;
}

.floatingmenu#ichi:hover,
.floatingmenu#ni:hover,
.floatingmenu#san:hover{
  background: #636363;
}

.floatingmenu#ichi{
	order:1;
	background: #CC0000;
	vertical-align:middle;
	border-right:solid 2px rgba(236,236,236,0.5);
	box-shadow: 0px 0px 8px rgba(44,62,80,0.2);
	line-height:1.3em;
}
.floatingmenu#ichi a:before{
	padding-right: 5px;
	margin-right:.2em;
    content: '\f095';
	font-family: "Font Awesome 5 Free";
	display: inline-block;
    transform: scaleX(-1);
	}
.floatingmenu#ni{
	order:2;
	background-color:#CC0000;

}
.floatingmenu#ni:before{
	padding-right: 5px;
    content: '\f019';
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	}
.floatingmenu#san{
	order:3;
	background-color:#CC0000;
	border-left:solid 2px rgba(236,236,236,0.5);
	box-shadow: 0px 0px 8px rgba(44,62,80,0.2);
}
.floatingmenu#san:before{
	padding-right: 5px;
    content: '\f0e0';
	font-family: "Font Awesome 5 Free";
	display: inline-block;
}

.floatingmenu#ichi a,
.floatingmenu#ni a,
.floatingmenu#san a{
	text-decoration:none;
	color:#f5f5f5;
}


.floatingmenu#ichi a:hover,.floatingmenu#ni a:hover,.floatingmenu#san a:hover {
	background: #636363;
	color: #fff;
	text-decoration:none;
}



.floatingmenu-2{
	width: 100%;
	text-align:center;
	font-size:1.3em;
	height:55px;
	line-height:55px;
	font-weight:700;
	text-align:center;
	color: #f5f5f5;
	text-shadow : 0 0 0.1em rgba(255,255,255,0.1),0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
	background:#000;
}

.floatingmenu-2#yon{
	background: #CC0000;
	vertical-align:middle;
	box-shadow: 0px 0px 8px rgba(44,62,80,0.2);
	line-height:1.5em;
	color:#fff;
	font-size:1em;
	font-size:1.2em;
}
@media screen and (max-width: 360px) {
	.floatingmenu-2#yon{
		font-size: .94em;
		padding-top: .1em;
	}
}

.floatingmenu-2#yon a{
	color:#fff;
	text-decoration:none;
	font-size:.9em;
}

.floatingmenu-2#yon a:hover{
	text-decoration:underline;
	transition-duration:.8s;
}

.floatingmenu-2#yon a span{
	font-weight:700;
}
.floatingmenu-2#yon a span:before{
	padding-right: 5px;
    content: '\f095';
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	transform: scaleX(-1);
	font-weight:700;
	margin-right:.2em;
}
/* ******************* footer floating menu ******************* */

#menu-wrap {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,.5);
  background:#C0C0C0;
  transition: .3s;
}
#menu0822{
  list-style-type: none;
  max-width: 1024px;
  margin: 0px auto;
  padding: 0;
  display:flex;
}
#menu0822 li,
#menu0822 li#float1 a span{
  width: 20%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
#menu0822 li a{
  display: block;
  width : 100%;
  padding: 16px 0;
  color: #000;
  line-height: 1;
  text-decoration: none;
  transition: .3s;
  font-size:14px;
  font-weight:600;
  text-shadow:0px 1px 0px #ccc;
}
#menu0822 li a:hover {  
	background: rgba(0,0,0,.1) ;
}

li#float1 a::before{
  content:"\f3cd";
  font-family: "Font Awesome 5 Free";
  font-weight:700;
  color:#000;
  margin-right:5px;
}
#menu0822 li a:hover,
#menu0822 li a:hover::before{
  color:#005FFF;
}

@media screen and (max-width: 640px){
	#menu0822 li#float1{
		width:36%;
	}
	#menu0822 li#float2,
	#menu0822 li#float5{
		width:32%;
	}
	#menu0822 li#float3,
	#menu0822 li#float4{
		width:0%;
		display:none;
	}
}
@media screen and (max-width: 360px){
	#menu0822 li#float1{
		width:20%;
	}
	#menu0822 li#float2,
	#menu0822 li#float5{
		width:40%;
	}
	#menu0822 li#float1 span{
		display:none;
	}
}


/* ******************* footer floating menu ******************* */

/* ******************* searchform ******************* */
.searchform {
	position: relative;
}
 
.searchfield {
	font-size: 12px;
	width: 88%;
	margin:10px 6px;
	padding: 10px;
	border: solid 1px #bbb;
	border-radius: 4px;
	background-color: #efefef;
	}
	
 
.searchsubmit {
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	position: absolute;
	top: 0;
	right: 10%;
	margin-top: 20px;
	padding: 0;
	cursor: pointer;
	color: #6297f5;
	border: none;
	background: transparent;
	font-weight:bold;
}
 
.searchsubmit:hover {
	opacity: .6;
}

/* ******************* searchform ******************* */
.useitem p{
	font-size:0.8em;
	margin:0px;
	background: linear-gradient(to right, #ece9e6, #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	overflow-y:hidden;
}


/* ******************* サイドバー ******************* */

.sidebar-wrapper {
	margin-bottom: 1rem;
}
 
.sidebar-title {
	font-size: 1.1rem;
	box-sizing: border-box;
	margin: 0 0 1.2rem;
	padding: .5rem;
	color: #000;
		border-bottom: 4px solid #03162f;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		
		
}


/* ******************* pageテンプレート ******************* */

#senpixl{
	min-height:1000px;
	max-width: 1024px;
	margin: 0 auto;
	padding:0px;
    background: #fff;
    /*box-shadow: 0 0 30px rgba(0,0,0,.1);*/
}

#pagecontainer{
	width: 1024px;
	display:flex;
	flex-direction:row;
}


#pagemain{
	flex: 1 1 70%;
	margin-right:1%;
	padding:10px;
}


#pageside{
	flex: 1 1 20%;
	padding:10px;
}

/* ******************* *******************ウィジェット ********************************************************* */
	
/*デフォルトウィジェット*/
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul,
.calendar_wrap,
.tagcloud {
	list-style: none;
}
 
.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_pages li,
.widget_meta li,
.widget_archive li,
.widget_nav_menu li {
	position: relative;
	margin-bottom: .5rem;
}
 
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments a,
.widget_pages a,
.widget_meta a,
.widget_categories a,
.widget_archive a,
.widget_nav_menu a {
	text-decoration: none;
	color: #333;
}
 
.sidebar-wrapper a:hover {
	opacity: .6;
}
 
/*カテゴリウィジェット*/
.widget_categories li {
	display: block;
	margin-bottom: .5rem;
}
 
.widget_categories li a {
	font-size: .85rem!important;
	position: relative;
	display: block;
	padding: .2rem .6rem .3rem 2rem;
	color: #fff;
		background-color: #03162f;
		
}
 
.widget_categories li a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: .6rem;
	content: '\f02b';
	transform: translateY(-50%);
	color: #fff;
}
 
.widget_categories .children {
	margin-bottom: .5rem;
	padding: 0;
	padding-left: 1rem;
	background-color: #415671;
}
 
.widget_categories .children li {
	margin-bottom: 0;
}
 
.widget_categories .children li a {
	font-size: .9rem;
	background-color: transparent;
}
 
.widget_categories .children li a::before {
	position: absolute;
	top: 50%;
	left: .6rem;
	content: '∟';
	transform: translateY(-50%);
	color: #fff;
}
 
/*カテゴリウィジェットとアーカイブウィジェットのドロップダウン表示*/
.widget_categories .screen-reader-text {
	display: none;
}
 
.widget_archive .screen-reader-text {
	position: relative;
	display: block;
	height: 0;
	text-indent: -9999999px;
}
 
.widget_categories form {
	position: relative;
}
 
.widget_categories form::after {
	position: absolute;
	top: 50%;
	right: 1rem;
	content: '▼';
	transform: translateY(-50%);
	pointer-events: none;
}
 
.widget_categories .postform,
.widget_archive select {
	font-size: .95rem;
	width: 100%;
	padding: 4px 10px;
	cursor: pointer;
	border: 1px solid #e0e3ef;
	border-radius: 0;
	background-color: #f4f5f9;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 
.widget_archive label::after {
	position: absolute;
	top: .5rem;
	right: 1rem;
	content: '▼';
	text-indent: 0;
	pointer-events: none;
}
 
/*タグウィジェット*/
.tagcloud a {
	font-size: .9rem !important;
	line-height: 1;
	position: relative;
	display: inline-block;
	margin-bottom: .5rem;
	padding: .2rem .5rem;
	text-decoration: none;
	color: #03162f;
	border: 1px solid #000;
	background-color: #fff;
}
 
/*メニューウィジェット*/
.widget_nav_menu li a {
	font-size: 1rem;
	font-weight: bold;
	position: relative;
	padding-left: 1.3rem;
	color: #333;
}
 
.widget_nav_menu li a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: 0;
	content: '\f105';
	transform: translateY(-50%);
		color: #03162f;
		
}
 
/*最近の投稿*/
.widget_recent_entries li {
	padding-bottom: .5rem;
	border-bottom: 1px solid #ddd;
}
 
.widget_recent_entries li a:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	font-weight: 900;
	position: absolute;
	left: 5px;
	content: '\f303';
	color: #000;
}
 
.widget_recent_entries li a {
	display: block;
	margin-bottom: .3rem;
	padding-left: 1.6rem;
}
 
.widget_recent_entries .post-date {
	font-size: .8rem;
	display: block;
	overflow-y:hidden;
}
 
/*カレンダーウィジェット*/
.calendar_wrap {
	padding: 1rem;
	border: 1px solid #ddd;
}
 
.calendar_wrap table {
	width: 100%;
}
 
.calendar_wrap tbody {
	text-align: center;
}
 
.calendar_wrap caption {
	font-weight: bold;
	margin-bottom: 1rem;
}
 
.calendar_wrap td {
	padding: .3rem 0;
}
 
.calendar_wrap tfoot td {
	padding-top: .7rem;
}
 
.calendar_wrap tfoot td:last-child {
	text-align: right;
}

/*---------------------------------------------------------
記事一覧
---------------------------------------------------------*/
.archive-top h1 {
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
}

.archive-top p {
	font-size: .875rem;
	line-height: 1.7;
	margin-bottom: 1.5rem;
}

.article-list {
	margin-bottom: 1rem;
	padding: 1rem;
	border: 1px solid #ddd;
}

.article-list:hover {
		background-color: #eee;
		
}

.article-list a {
	display: block;
	text-decoration: none;
	color: #333;
}

.article-list a:after {
	display: block;
	clear: both;
	content: '';
}

.article-list .img-wrap {
	position: relative;
	float: left;
	line-height: 1;
	margin-right:5px;
}

.article-list .img-wrap img {
	width: 240px;
	height: 160px;
	object-fit: cover;
	/*margin:.2em;*/
}

.article-list .img-wrap .cat-data {
	font-size: .75rem;
	position: absolute;
	top: 0;
	right: 0;
	padding: .3rem .5rem;
	color: #fff;
	background-color: #03162f;
}

/*
.article-list .text {
margin-left: 260px;
}
*/

.article-list .text h2 {
	font-size: 1.15rem;
	margin-bottom: .5rem;
}

.article-list .text .article-date,
.article-list .text .article-author {
	font-size: .75rem;
	font-weight: bold;
	display: inline-block;
	margin-bottom: .5rem;
		color: #888;
		
}

.article-list .text .article-date {
	margin-right: .5rem;
}

.article-list .text .article-author i {
	margin-right: .3rem;
}

.article-list .text p {
	font-size: .8125rem;
	line-height: 1.7;
	/*font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
}

/*ページネーション*/
.pagination {
	margin: 2rem 0;
	text-align: center;
}

.pagination ul {
	font-size: 0;
}

.pagination ul li {
	font-size: 1rem;
	display: inline-block;
	margin-right: .5rem;
}

.pagination ul li span.page-numbers.current{
	margin-bottom:0px!important;
}

.pagination ul li:last-child {
	border: 0;
}

.pagination ul li a,
.pagination .current {
	display: block;
	padding: .5rem .8rem;
		border: 1px solid #ccc;
		
}

.pagination ul li .prev,
.pagination ul li .next {
	border: 0;
}

.pagination ul li a {
	text-decoration: none;
	color: #333;
}

.pagination ul li a:hover {
	opacity: .6;
}

.pagination .current {
	color: #fff;
		background-color: #03162f;
		
}

/*---------------------------------------------------------
投稿・固定ページ
---------------------------------------------------------*/
h2.blogtitle{
	border:none!important;
	font-size:1.2em!important;
	margin-bottom:.5em!important;
	margin-top:0!important;
	background:#f5f5f5;
	}
	

.article-content {
	margin-bottom: 2rem;
}

.article-content .article-info {
  margin-bottom: .5rem;
}

.article-content .cat-data a {
	font-size: .8rem;
	margin-right: .5rem;
	margin-bottom: .4rem;
	padding: .1rem .5rem;
	text-decoration: none;
	color: #fff;
	background-color: #03162f;
	display:inline-block;
	border:1px solid #03162f;
}
.article-content .cat-data a:hover{
	color:#03162f;
	background:#fff;
	border:1px solid #03162f;
}

.article-content .article-info
.article-content .article-info .article-author {
	font-size: .8rem;
	display: inline-block;
	margin-right: .5rem;
	color: #888;
}

/*   訂正した */
.article-date {
    display: block!important;
	padding: .1em;
	font-size: .8rem;
}

.article-author {
    display: block!important;
	padding: .1em;
	font-size: .8rem;
}

.far {
    font-weight: 400;
    padding: .1em 0 0;
}

fa, .fas {
    font-weight: 900;
	padding: 0.3em 0 0;
	vertical-align: text-bottom;
}
/*   訂正した */

div.article-date {
    display: block!important;
	padding: .1em;
	font-size: .8rem;
	margin-top:0.5em;
}



.article-content .article-info .article-author i {
	margin-right: .3rem;
}

.article-content p,
.article-content b,
.article-content table,
.article-content ul,
.article-content ol {
	font-size: 1em;
	line-height: 1.7;
   /*letter-spacing: 1px;*/
}

.article-content p,
.article-content img,
.article-content table,
.article-content ul,
.article-content ol {
	margin-bottom: 1rem;
	/*font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
}
	
.has-drop-cap{
	overflow-y:hidden;
}

.article-content h1 {
	font-size: 1.9rem;
	margin: 0 0 2rem;
	letter-spacing: 1px;
}

.article-content h2 {
	font-size: 1.5em;
	margin: 1.4rem 0 1.4rem;
	padding: .4rem 0;
	/*letter-spacing: 1px;*/
	border-bottom: solid 5px #03162f;
}

	
.article-content h3 {
	font-size: 1.3em;
	margin: 1.2rem 0 1.2rem;
	padding: 0 1rem;
	/*letter-spacing: 1px;*/
	border-left: solid 9px #415671;
	/*background: transparent;*/
}
	
@media screen and (max-width: 480px) {
	.article-content h2{
		font-size:1.3em;
	}
}
@media screen and (max-width: 480px) {
	.article-content h3{
		font-size:1.2em;
	}
}
@media screen and (max-width: 480px) {
	.article-content h4{
		font-size:1.1em;
	}
}
@media screen and (max-width: 480px) {
	.article-content h5{
		font-size:1em;
	}
}

.article-content h4 {
	font-size: 1.15em;
	margin: 2rem 0 1rem;
	/*letter-spacing: 1px;*/
}

.article-content h5 {
	font-size: 1.1rem;
	margin: 0 0 .3rem;
	/*letter-spacing: 1px;*/
}

.article-content .article-img {
	margin-bottom: 2rem;
}

.article-content .article-img img {
	display: block;
	margin: 0 auto;
}

.article-content ul {
	margin-left: 2rem;
	list-style: disc;
}

.article-content ol {
	margin-left: 2rem;
	list-style: decimal;
}

.article-content table {
	border-collapse: collapse;
}

.article-content th,
.article-content td {
	padding: .6rem;
	vertical-align: middle;
	border: 1px solid #ddd;
}

.article-content figure {
	max-width: 100%;
}

.article-tag {
	text-align: right;
	padding-top:.5em;
}

.article-tag ul {
	font-size: 0;
	margin-bottom: 0;
	line-height: 2.3;
}

.article-tag ul li {
	font-size: .9rem;
	display: inline-block;
	margin-right: .5rem;
	vertical-align: middle;
	margin-top: 0.3em;
	overflow-y:hidden;
}

/*.article-tag ul li:last-child {
margin-right: 0;
}*/

.article-tag ul li a {
	padding: .2rem .5rem;
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
}

.article-tag ul li a:hover {
	opacity: .6;
}



/*---------------------------------------------------------
TOPページ
---------------------------------------------------------*/
.buslog-top-block{
	max-width:1100px;
	margin:auto;
}

.buslog-top-block h2{
	color:#000;
	margin-top:10px;
	font-size:18px;
	border:none;
	font-weight:900;
	/*font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
}

@media(max-width:1024px){
	.buslog-top-block{
		padding:0 10px;
	}
}

.home-top .article-top .img-wrap img {
  width: 600px;
  height: 400px;
}

.home-top .article-top .text {
  margin-left: 630px;
}

.home-top .article-top .new-post {
  font-weight: bold;
  display: block;
  margin-bottom: .5rem;
  color: #f00;
}

.home-top .article-top .text h2 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.home-top .article-top .text .article-date,
.home-top .article-top .text .cat-data {
  margin-bottom: 1rem;
}

@media(max-width: 1024px) {
  .home-top .article-top .img-wrap img {
    width: 420px;
    height: 280px;
  }

  .home-top .article-top .text {
    margin-left: 440px;
  }
}

@media(max-width: 800px) {
  .contents,
  .sidebar {
    float: none;
    width: 100%;
    margin-right: 0;
	}
	.home-top .article-top .text {
		margin-left: 0px;
		padding: 6px;
	}
	.home-top .article-top .img-wrap img {
    width: 100%;
	height: 60vw;
	}
	.home-top .article-top .img-wrap {
		float: none;
	}
}
@media (max-width: 600px){
.article-list .text p {
    display: none;
	}
.article-list {
    padding: .5rem;
	}
  .contents {
    margin-bottom: 1.5rem;
  }
}


/*--------------------------------
タグクラウド tag cloud
---------------------------------*/
.tag_cloud_block{
	
}
.tag_cloud_block a{
	color:#4a8eff;
}



/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
	display: table;
	    overflow: visible;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
color:#000;
}
#prev_next #prev p.title, #prev_next #next p.title{
  font-weight:600;
}
#prev_next #prev p.date, #prev_next #next p.date{
  font-size: 80%;
  font-weight:600;
  color:#666;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute;
border: 1px #ccc solid;
background:#fff;
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #39f;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;
text-align:center;
}
#prev_next_home:hover{
background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}
/*ホーム表示ブロック*/
#prev_next_home{
display: none;
}
#prev_next_home:hover{
display: none;
}
#prev_next_home i{
display: none;
}
/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}/*-- 768px --*/


/*---------------------------------------------------------
車種ページ
---------------------------------------------------------*/
.buslist{
  width:100%;
}
ul.kindbuslist {
    font-size: .7em;
    margin-left: 0;
    margin-top: 10px;
    display: block;
    overflow-y: hidden;
}
.kindbuslist li {
    display: inline;
    font-weight: 700;
}
.kindbuslist li a {
    text-decoration: none;
    border: solid 1px #ccc;
    background-color: #0340A1;
    padding: .3em .1em;
    /* margin-right: .2em; */
    color: #555;
    display: inline-block;
    width: calc( 100%/5 );
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}
.kindbuslist li a.currentbus {
    background-color: #222555;
}


/*---------------------------------------------------------
サイドのインフォボックス
---------------------------------------------------------*/
.wrap000{
  max-width:1000px;
  width:100%;
  background-image: linear-gradient(90deg,rgb(0,120,198) 0%,rgb(0,120,204) 100%);
  padding-top:20px;
  padding-right:10px;
  padding-bottom:20px;
  padding-left:10px;
  box-sizing:border-box;
	margin:auto;
	margin-bottom:10px;
}

.wrap111{
  width:100%;
}
.backwhite{
  background:#fff;
}
.flexwrap-d-col{
  display:flex;
  flex-direction:column;
}
.flex100-50minW767{
  width:100%;
}

@media screen and (max-width: 760px){
	.flexwrap-d-col{
		flex-direction:row;
	}
	.flex100-50minW767{
		width:50%;
	}
}
@media screen and (max-width: 480px){
	.flexwrap-d-col{
		flex-direction:column;
	}
	.flex100-50minW767{
		width:100%;
	}
}
.infobox-side{
  padding:10px 10px 0;
}
.flexwrap-d-row{
  display:flex;
	flex-direction:row;
	align-items: center;
}
.w30per{
  max-width:50px;
  width:30%;
  padding:10px;
}
.w70per{
  width:70%;
  padding-top:10px;
  padding-bottom:10px;
}
@media screen and (max-width: 800px){
	.w30per,
	.w70per{
		width:100%;
	}
}

.iconwrap{
  max-width:150px;
  width:100%;
  font-size:43px;
  vertical-align:middle;
    margin-top: 5px;
    margin-bottom: 5px;
	}

.color-e26b1c{
  color:#e26b1c;
}
.color-ff6900{
	color:#ff6900;
}

.infobox-side span.title-prefix{
  font-family: "Helvetica";
  font-weight: 500;
  font-size: 1.1em;
  color: #e26b1c;
  margin-top:5px;
  margin-bottom: 5px;
  display:block;
}
.infobox-side h3.title{
  color: #ff6900;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
	font-size:1.5em;
	display:none;
}
.flex100-50minW767 h3.title2{
  color: #ff6900;
  padding: 0;
  margin: 0;
  display: block;
  margin-bottom: 10px;
	font-size:1.5em;
	text-align:center;
	}

@media screen and (max-width: 481px){
	.infobox-side h3.title{
		display:block;
	}
}
@media screen and (max-width: 480px){
	.flex100-50minW767 h3.title2{
		display:none;
	}
}

@media screen and (max-width: 767px){
	.infobox-side h3.title{
		font-size:1.5em;
	}
  .infobox-side span.title-prefix{
    font-size:.9em;
  }
}

@media screen and (max-width: 250px){
  .infobox-side h3.title{
		font-size:1em;
	}
}

.btn-mitsumori2 {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 28px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(0deg, rgb(207,46,46) 0%, rgb(226,110,53) 100%);
  border:2.5px solid red;
  transition: .4s;
	width:100%;
	margin:auto;
  box-sizing:border-box;
}

.btn-mitsumori2:hover {
  opacity: .8;
	}

.btn-mitsumori2-inner{
  font-size:100%;
  padding:0 .5em;
}
.btn-mitsumori2-inner h6{
  font-size:1.1em;
  text-align:center;
  margin:0;
	padding:0;
	color:#fff;
}
.btn-mitsumori2-inner p{
  margin:0;
  font-size:.8em;
  text-align:center;
}

@media screen and (max-width: 300px){
	.btn-mitsumori2-inner h6{
		font-size:.9em;
	}
	}


.vk_borderBox_body.padding1em{
	padding:1em!important;
	}


h4.boxtitle0202{
	color:#fff;
	font-size:1em;
	font-family: "M PLUS Rounded 1c", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    font-weight: 700;
	text-align: center;
	margin-bottom:10px;
	}

/* rotate*/
/* 45度傾けるクラス */
.fa-rotate-45 {
	transform: rotate(45deg);
}
.fa-rotate-45b {
	transform: rotate(-45deg);
}

/* 135度傾けるクラス */
.fa-rotate-135 {
	transform: rotate(135deg);
}

/* 225度傾けるクラス */
.fa-rotate-225 {
	transform: rotate(225deg);
}

/* 315度傾けるクラス */
.fa-rotate-315 {
	transform: rotate(315deg);
}


input[type="number"][name="number-692"]::after{
	content:"名様";
	width:100px;
	height:2em;
}

.wp-block-uagb-column.uagb-column__wrap{
	box-sizing:border-box;
}


/*---------------------------------------------------------
車種のページ
---------------------------------------------------------*/
#buslist_container{
	background: #fff;
	max-width: 800px;
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.buslistbox{
	margin-top: 50px;
	padding-bottom: 10px;
	background-color: #fff;
	width: calc((99.99% - 10px * 2 * 2) / 2);
	margin: 1em auto;
  border:1px solid #555;
}
@media screen and (max-width: 600px){
	.buslistbox{
		width:45%;
	}
}

p.buslist_title{
  font-size:1.35em;
	background:#fff;
	border-bottom:1px solid #ccc;
	color:#555;
	margin:0 .4em 1em;
	text-align:center;
	line-height:2em;
	font-weight:400;
}
p.buslist_title::before{
	content:"\f0a9";
	font-weight:700;
	font-family: "Font Awesome 5 Free";
	margin-right:.3em;
}

.buslist-img{
	text-align:center;
}
.buslist-img img{
	width:100%;
}
.buslist-img a:hover{
	opacity:.6;
	transition-duration:.5s;
}
p.buslist{
	padding:.4em .8em;
	margin:0;
	font-size:.8em;
	font-weight:500;
	color:#666;
  box-sizing: border-box;
}

.center-100{
	width:100%;
	text-align:center;
}

.btn-square0521 {
	position: relative;
	display: inline-block;
	padding: 0.25em 0.5em;
	margin:.2em .3em;
	text-decoration: none;
	color: #FFF;
	background: #fd9535;/*背景色*/
	border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: 600;
}
.btn-square0521::before{
	content:"\f101";
	font-weight:700;
	font-family: "Font Awesome 5 Free";
	margin-right:.3em;
}

.btn-square0521:hover{
	color:#444;
}
.btn-square0521:active {
	border-bottom: solid 2px #fd9535;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}



/*---------------------------------------------------------
バスログページ
---------------------------------------------------------*/
.pt-cv-title a{
	color:#333;
	text-decoeration:none;
}

.pt-cv-title a:hover{
	color:#66C4FF;
}


.article-content p a{
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

.article-content p a:hover{
	text-decoration:none;
	color:#66C4FF;
}

.pt-cv-thumbnail {
    height: 150px!important;
    object-fit: cover!important;
    max-width: 100%!important;
    margin-top: 0!important;
    margin-bottom: 10px!important;
    min-width: inherit!important;
}

.pt-cv-wrapper img {
    vertical-align: middle;
    /* margin: 10px auto; */
    border: 10px solid aliceblue;
}














/******************************バス車種**************************************/
ul.kindbuslist {
    font-size: .7em;
    margin-left: 0;
    margin-top: 10px;
	display: block;
	overflow-y:hidden;
}
.kindbuslist li {
    display: inline;
    font-weight: 700;
}
.kindbuslist li a {
    text-decoration: none;
    border: solid 1px #ccc;
    background-color: #0340A1;
    padding: .3em .1em;
    /* margin-right: .2em; */
    color: #555;
    display: inline-block;
    width: calc( 100%/5 );
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}
.kindbuslist li a.currentbus{
	background-color:#222555;
}
.kindbuslist li a.currentbus:hover{
	background-color:#222555!important;
	cursor:default;
	color:#fff;
}
.kindbuslist li a:hover{
  color:#0484c8;
	border:solid 1px #0484c8;
	background:#ccc;
}
.kindbuslist li:hover{
	color:#fff;
}
	
@media screen and (max-width: 450PX) {
	.kindbuslist li a{
		width:18%;
	}
}
	
img.kindbus{
	padding-bottom:0.2rem;
}
	

h2.shuruiheader{
	font-size:1.33rem;
	font-weight:100;
	background-image: linear-gradient(
90deg
,rgb(0,120,198) 0%,rgb(0,120,204) 100%);
	color:white;
	margin:0;
	padding:0 15px;
}


.topimgshashu{
	background-image:url(../../uploads/2020/02/busshuruii.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:150px;
	background-size:cover;
	background-position:left top 60%;
	margin:0;
}
.topimgshashu2{
	background-image:url(../../uploads/2020/02/busshuruii.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:100px;
	background-size:cover;
	background-position:left top 60%;
	margin:0;
}


h2{
	font-size:2em;
	margin:10px 0px 20px;
}

.t_soft{
	border-top:1px solid #888;
	border-right:10px solid #AAA;
	border-bottom:1px solid #888;
	border-left:30px double #AAA;
	padding: 5px 5px 5px 15px;
	background: #fff;
	background: -moz-linear-gradient(top, #eee, #ccc); /* FireFox */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));/* Chrome & Safari */
	border-radius: 7px;
	-moz-border-radius: 7px; /* FireFox */
	-webkit-border-radius: 7px;/* Chrome & Safari */
	color:#F00;
}

.t_soft2{
	border-right:10px solid #211E55;
	border-left:30px double #211E55;
	border-bottom:none!important;
	padding: 5px 5px 5px 15px!important;
	background: #fff;
	background: -moz-linear-gradient(top, #eee, #ccc); /* FireFox */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));/* Chrome & Safari */
	border-radius: 7px;
	-moz-border-radius: 7px; /* FireFox */
	-webkit-border-radius: 7px;/* Chrome & Safari */
	color:#211E55;
	font-family: 'Noto Sans JP','M PLUS Rounded 1c', sans-serif;
}

h3{
  font-size:1.5em;
}
h4{
  font-size:1.3em;
  color:#094067;
}


#container{
	width:800px;
	background-color:#fffffe;
	margin:0 auto;
}
#box{
	padding:1em;
}

.shashu{
	margin:20px 0px;
	color:#211E55;
	font-family: 'Noto Sans JP','M PLUS Rounded 1c', sans-serif;
	font-weight:300;
}

.shashu:hover{
	background-color:whitesmoke;
}

.shashu2{
	margin:20px 0px;
	color:#211E55;
	font-family: 'Noto Sans JP','M PLUS Rounded 1c', sans-serif;
	font-weight:300;
}

.shashutop{
  margin:5px 5px;
	flex-basis:100%;
	border-bottom:5px solid gray;
	overflow-y:hidden;
}

.shashutop a{
	text-decoration:none;
}

a h4.head:hover{
	background-color:#000;
	color:silver;
}

h4.head{
	margin: 5px 0px;
    color: white;
    background-color: #0340A1;
    line-height: 1.7em;
    padding: 0px 1em;
	font-weight: 200;
	text-decoration:none;
}
	h4.head::before{
	content:"\f138";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	margin-right:.3em;
}
	

.kakomi{
	margin:5px 5px 10px;
	width:auto;
	line-height:0.8em;
	font-weight:700;
	padding:0.5em;
	border:1px solid gray;
	color:gray;
	display:inline-block;
}
	
.kakomi-2{
    margin: 5px 1px 5px!important;
    width: auto;
    line-height: 0.8em;
    font-weight: 700;
    padding: 0.5em;
    border: 1px solid gray;
    color: gray;
    display: inline-block;
    font-size: .7em!important;	
}
	
.shashuflex{
	display:flex;
	flex-flow:row wrap;
}

.left{
	flex-basis:40%;
	padding:0 5px;
}

.para{
	margin:10px 10px;
}
	
.para2{	
	margin:10px 10px;
    border: solid 1px;
    padding: .3em;
    color: #333;
}
	
.para ul{
  line-height:1.6em;
}
.para ul li{
    list-style: none;
    padding-left: 1.2em;
    text-indent: -1em;
}
.para ul li:before{
	content:"● ";
	font-size:small;
}

.right{
	flex-basis:50%;
	box-sizing:border-box;
	padding:10px 5px;
}
.imge{
	width:100%;
	margin:0px 5px!important;
}
.imge:after{
	display:block;
	clear:both;
}

.list{
  background-color:#fff;
  display:box;
	box-pack: justify;
	margin-left:30px;
}
.btn-gradient-radius {
	display: inline-block;
	padding: 7px 20px;
	border-radius: 25px;
	text-decoration: none;
	color: #FFF;
	background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
	transition: .4s;
}

.btn-gradient-radius:hover {
	background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}
.sumbimg{
	width:15%;
	margin:5px!important;
}


.setumei { 
	width: 100%; 
}
.setumei th  {
	background-color:#0054A6; 
	color:#f4f4f4; 
}
.setumei th{ 
	width: 30%; 
	text-align: left; 
}
.setumei td { 
	width: 70%; 
	text-align: left;
}
.kome{ 
	font-size:0.8em; 
	color:#444;
}

h5.headline{
    margin: 30px 0;
    /* background: #0340A1; */
    width: 100%;
    color: #000;
    font-weight: 900;
    border-bottom: 8px solid whitesmoke;
}

span.saloon{
	color:#FF0000;
	font-weight:700;
}

ul.gallery{
  list-style:none;
  margin:10px 0px;
  font-size:0.8em;
}

.gallery li{
	float:left;
	margin:10px 10px 10px 0px;
}

.gallery li img{
	width:220px;
	height:130px;
	object-fit:cover;
	margin-bottom:0;
	margin:auto;
}

ul.gallery:after{
	display:block;
	clear:both;
	content:"※ギャラリー内の画像はすべて参考イメージとなります。";
	text-align:right;
	font-size:.8em;
}


.zasekibox{
	display:flex;
	flex-flow:row wrap;
	width:100%;
}

.zaseki,.zaseki1{
	margin:10px auto;
}
.zaseki1:after{
	display:block;
	clear:both;
	text-align:right;
	font-size:0.7em;
	margin-top:20px;
	margin-left:-40px;
	content:"※座席数は車両ごとに異なりますので、ご確認くださいませ";
}

.zasekimini{
	max-width:320px;
	font-size:0.8em;
}

.zasekimini-no{
	max-width:320px;
	font-size:0.8em;
}

table.seat{
	margin:10px 0px;
	width:100%;
	border:solid 1px #ddd;
	border-collapse: collapse;
}
.seat th{
	background-color:#EEEEEE;
	border:solid 1px #ddd;
	font-weight:300;
}
.seat td {
	text-align:right;
	border:solid 1px #ddd;
	padding:0 5px;
}



/******************************@都道府県**************************************/	
.wp-block-media-text{
	width:100%;
}
.wp-block-media-text{
	border-bottom: solid 5px whitesmoke;
	margin-bottom: 10px;
}

/*************テーブル*************/	

.simpletable{
	
}

h5.table{
	font-size:1.8em;
	margin:1.3em 0 0.2em;
}
.stfont{
	font-size:0.6em;
}

.scrolltbox{
    overflow-x: auto;
    margin-right:10px;
    border-top:solid 10px gray;
    max-width:1024px;
  }
.buscomtable {
    min-width: 640px;
    margin: 0 10px 30px;
    padding:20px 0 0px;
	border-spacing: 0px;
  }

.buscomtable td{
	line-height:1.8em;
	white-space:nowrap;
	border-bottom:solid 1px gray;
}



/******************************テーブル**************************************/

.scrollbox{
	overflow-x : auto;
	white-space:nowrap;
}
	
.scrollbox	table{
	width:auto;
	border-collapse: collapse;
}
	
.scrollbox::-webkit-scrollbar{
	height: 5px; /* スクロールバーの高さ */
}
.scrollbox::-webkit-scrollbar-track{
	background: #F1F1F1; /* スクロールバーの背景色 */
}
.scrollbox::-webkit-scrollbar-thumb {
	background: #d6d6d6; /* スクロールバーの色 */
}
/* 文字の折返しを禁止 */
.scrolltable td, 
.scrolltable th{
	white-space: nowrap;　
}



/******************************バスログテンプレ************************************/

.topimgbuslog{
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/02/blog.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:150px;
	background-size:cover;
	background-position:left top 85%;
	margin:0;
}


/******************************利用用途テンプレ************************************/
.topimguse{
	background-image:url(../../uploads/2020/02/usage.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:150px;
	background-size:cover;
	margin:0;
}

.alphacatch{
	height:auto;
	margin:1em 0.5em 1em;
}

.alphacatch p{
    font-weight: 700;
    font-size: 2.2rem;
    color: #fff;
    padding-left: 1rem;
    background-color: rgba(0,0,0,0.4);
    width: auto;
	margin-right: 16em;
	min-width: 350px;
}
	
.alphacatch p > a{
	font-weight: 700;
	font-size: 2.5rem;
	text-decoration:none;
	color: #fff;
}
.alphacatch p > a:hover{
	text-decoration:underline;
}
	
@media screen and (max-width: 900px){
	.alphacatch p{
		min-width:240px;
	}
}

.topimgprivacy{
	background-image:url(../../uploads/2020/02/privacyB.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:150px;
	background-size:cover;
	margin:0;
}
	
.topimgprice{
	background-image:url(../../uploads/2020/03/pricetitle.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:150px;
	background-size:cover;
	margin:0;
}
	
.estimateblock{
	margin:1.5em 1.5em 0em 1.5em;
}
.estimateblock0729{
	margin:1.5em 0em 0em 0em;
	background:#FFE4E1;
	padding-top:.5em;
	padding:.5em;
}
.estimateblock ul{
	font-size:80%;
}
img.logogo{
	width:220px;
	display:block;
	margin:auto;
}
@media screen and (max-width: 480px) {
	img.logogo{
		width:180px;
	}
}
p.mitsumori-head{
	font-size:1.1em;
	border-bottom:solid 3px orange;
	display:inline-block;
	font-weight:600;
	color:#555;
	width:50%;
	margin-bottom:0;
}
@media screen and (max-width: 480px) {
	p.mitsumori-head{
		width:70%;
		font-size: 1em;
	}
}
h4.form-kind1{
	font-size:1.2em;
	color:rgba(0,162,255,1);
	border:3px solid rgba(0,162,255,1);
	padding:.5em;
	display:inline-block;
	border-radius:10px;
}
	
h4.form-kind2{
	font-size:1.2em;
	color:rgba(96,217,55,1);
	border:3px solid rgba(96,217,55,1);
	padding:.5em;
	display:inline-block;
	border-radius:10px;
}
	
h4.form-kind3{
	font-size:1.2em;
	color:rgba(255,215,0,1);
	border:3px solid rgba(255,215,0,1);
	padding:.5em;
	display:inline-block;
	border-radius:10px;
}
	
.estimateblock p span.callobi{
	display:inline-block;
	padding:.3em;
	background:#008800;
	color:#fff;
	margin:.5em;
	border-radius:5px;
}

	
.hide2{
	display:none;
}
	
.abox{
	z-index: 99999;
	margin-top: -50px;
}
	
h6.accep{
	text-align: center;
	font-size: 0.8em;
}
	
/*     個別装飾       */
	
.todoufuken:before{
	content:"\f3c5";
	font-family: 'Font Awesome 5 Free';
	font-weight:700;
	color:red;
}
	
ul.listOK {
	line-height:1.5em;
	margin-left:1rem;
}

ul.listOK li{
	text-indent: -1rem;
    padding-left: 1rem;
}

.listOK li:before{
	content:"\f058";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	color:red;
}

.listOK2 li:before{
	content:"\f058";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	color:#555;
}
.listOKblue li:before{
	content:"\f058";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	color:#005FFF;
}


.list-caret-square-right li:before{
	content:"\f152";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	color:red;
}

ul.listdotcircle {
	line-height:1.5em;
	margin-left:1rem;
}

ul.listdotcircle li{
	text-indent: -1rem;
    padding-left: 1rem;
}

.listdotcircle li:before{
	content:"\f192";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	color:#000;
}
	

/* *************** リストアイコンが飛行機***********************/
	
	
.listplane-departure li{
	color:#444;
}
	
.listplane-departure li:hover{
	color:#888;
}
	
.listplane-departure li:before{
	content:"\f5b0";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	color:#444;
}
	
/* *************** リストアイコンがマップマーカー***********************/
ul.listmapmarker {
	line-height:1.5em;
	margin-left:1rem;
}

ul.listmapmarker li{
	text-indent: -1rem;
    padding-left: 1rem;
}

.listmapmarker li:before{
	content:"\f3c5";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	color:#FF4500;
}




ul.listP{
	llist-style-type: disc;
    border: solid 2px #888;
	padding: 0.3em 0.8em;
	margin-left: 0;
}


.pt-cv-view .pt-cv-ifield {
    margin-bottom: 0!important;
    border: solid 4px whitesmoke;
	padding: 10px;
}
.pt-cv-view .pt-cv-ifield:hover{
	background-color:whitesmoke;
}


strong{
	font-weight: 900!important;
}
	
.strongerP{
	font-weight: 700;
	font-size: 2.5em!important;
	color:#555;
    border: solid 3px #555;
    display: inline-block;
    margin: .5em 0.1em 0.2em;
    padding: 0 0.5em;
}
	

.boldmoji{
	font-weight:900!important;
}
.boldmojilarge{
	font-weight:900;
	font-size:1.5em!important;
}

ul li.boldmojilarge{
		font-weight:700;
		font-size:1.5em;
}
	
.midorinumber{
		background-color:#004400;
		color:#fff;
		border:solid 1px #004400;
		padding:0em .1em;
		display:inline;
		font-weight:700;
}
.sironumber{
		background-color:#EEEEEE;
		border:solid 1px #666;
		color:#004400;
		display::inline;
		font-weight:700;
}
	
/*            */
.check-red{
	color:red;
	font-weight:700;
	font-size:1.3em;
}
.check-red:before{
	content:"\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight:700;
	}
	
	
.check-blue{
	color:#0484c8;
	font-weight:700;
	font-size:1.3em;
}
	
.check-blue:before{
	content:"\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight:700;
}
	
	
.check-white{
	color:#fff;
	font-weight:700;
	font-size:1.3em;
}

.check-white:before{
	content:"\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight:700;
}
	
	
.check-orange li{
	color:#FF4F02;
	font-size:1em;
	font-weight:700;
}
.check-orange li:before{
	content:"\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight:700;
}
	
.keikoku-white:before{
	content:"\f12a";
	font-family: 'Font Awesome 5 Free';
	font-weight:700;
}	
	
.questionafter:after{
	content:"\f128";
	font-family: 'Font Awesome 5 Free';
	font-weight:700;
	color:#136FFF;
}		
	
/*            */
	
	
	
.bgcolor-gray{
	background-color:#DCDCDC;
	padding:0.3em;
}
.bgcolor-grayL{
	background-color:whitesmoke;
	padding:0.3em;
}
.bgcolor-gray-m{
	background-color:#DCDCDC;
	padding:0.3em;
	margin:1em;
	}
	
.bgcolor-grayL-m{
	background-color:whitesmoke;
	padding:0.3em;
	margin:1em;
}
	
.txtind{
	text-indent:1em;
}
	
.komoji{
	font-size:.8em;
	color:#666;
}
	
:root .has-pale-cyan-blue-color {
    color: #8ed1fc;
    border: solid 3px whitesmoke;
    padding: 0.3em;
}

:root .has-pale-cyan-blue-color:hover {
    border: solid 3px #dcdcdc;
}

.kakomimoji{
	border:solid 1px #555;
}
	
.kakomimoji-red{
	border:solid 1px red;
	padding:0.2em;
}
	
.kakomimojiblock{
	border:solid 1px #555;
	padding:0.2em;
	display:inline-block;
}

.kakomimoji-w{
	border:solid 1px #555;
	padding:1em;
}
.kakomimoji-w-block{
	border:solid 1px #555;
	padding:1em;
	display:inline-block;
}
	
.kakomimoji-bw{
	border:solid 4px #555;
	padding:1em;
}

.kakomimoji-bw-block{
	border:solid 4px #555;
		padding:1em;
		display:inline-block;
}
	
.kakomimojiB-bw{
	border:solid 4px #555;
	padding:1em;
	font-weight:700;
}
.kakomimojiB-bw-block{
	border:solid 4px #555;
	padding:1em;
	font-weight:700;
	display:inline-block;
}
	
.kakomimojiBLUE{
	background-color:#0484c8;
	padding:.2em 1em;
	display:inline-block;
	color:#fff;
}
	
.kakomimojiRED{
	background-color:#FF3333;
	padding:0.2em;
	display:inline-block;
	color:#fff;
}
.kakomimojiRED2{
	background-color:#FF3333;
	padding:.2em 1em;
	color:#fff;
}
	
.sankoupage{
	font-size: .95rem;
	position: relative;
	box-sizing: border-box;  
	padding: 1.2rem 1rem .6rem;
	display:block;
	border: solid 4px #555;
	margin:1em 0.8em!important;
	overflow:visible;
}

.sankoupage:before{
	content:"\f0c6";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	font-size:1.2rem;
	display:block;
	position:absolute;
	top:-1.2rem;
	left:1rem;
	background-color:#fff;
	padding-right:10px;
	padding-left:5px;
	color:#000;
}

.sankoupage:after{
	content:"参考ページ";
	font-size:1.2rem;
	font-weight:700;
	color:#555;
	position:absolute;
	top:-1.2rem;
	left:2.5rem;
	background-color:#fff;
	padding:0px 8px;
	color:#000;
}

.kanrenpage{
	font-size: .95rem;
	position: relative;
	box-sizing: border-box;  
	padding: 1.2rem 1rem .6rem;
	display:block;
	border: solid 4px #808080;
	border-radius:10px;
	margin:1em 0.8em 1.5em 0.8em!important;
	overflow:visible;
}

.kanrenpage:before{
	content:"\f15c";
	color:#808080;
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	font-size:1.2rem;
	display:block;
	position:absolute;
	top:-1.2rem;
	left:1rem;
	background-color:#fff;
	padding-right:10px;
	padding-left:5px;
}

.kanrenpage:after{
	content:"関連ページ";
	font-size:1.2rem;
	font-weight:700;
	color:#808080;
	position:absolute;
	top:-1.2rem;
	left:2.5rem;
	background-color:#fff;
	padding:0px 8px;
}

.kanrenpage-a{
	font-size: .95rem;
	position: relative;
	box-sizing: border-box;  
	padding: 1.2rem 1rem .6rem;
	display:block;
	border: solid 3px #555;
	margin:1em 0.8em 1.5em 0.8em!important;
	overflow:visible;
}

.kanrenpage-a:before{
	content:"\f15c";
	color:#808080;
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	font-size:1.2rem;
	display:block;
	position:absolute;
	top:-1.2rem;
	left:1rem;
	background-color:#fff;
	padding-right:10px;
	padding-left:5px;
}

.kanrenpage-a:after{
	content:"関連ページ";
	font-size:1.2rem;
	font-weight:700;
	color:#555;
	position:absolute;
	top:-1.2rem;
	left:2.5rem;
	background-color:#fff;
	padding:0px 8px;
	color:#000;
}

.gaibupage{
	font-size: .95rem;
	position: relative;
	box-sizing: border-box;  
	padding: 1.2rem 1rem .6rem;
	border: solid 4px #555;
	margin:1em 1em 0.5em;
	overflow:visible;
	margin-top:2em;
}

.gaibupage:before{
	content:"\f35d";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	font-size:1.2rem;
	display:block;
	position:absolute;
	top:-1.2rem;
	left:1rem;
	background-color:#fff;
	padding-right:10px;
	padding-left:5px;
}

.gaibupage:after{
	content:"参考サイト";
	font-size:1.2rem;
	font-weight:700;
	color:#555;
	position:absolute;
	top:-1.2rem;
	left:2.7rem;
	background-color:#fff;
	padding:0px 6px;
}
	
	
	
.gaibulink{
	font-size: .95rem;
	position: relative;
	box-sizing: border-box;  
	padding: 1.2rem 1rem .6rem;
	border: solid 4px #555;
	margin:1em 1em 0.5em;
	overflow:visible;
	margin-top:2em;
}

.gaibulink:before{
	content:"\f0c1";
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	font-size:1.2rem;
	display:block;
	position:absolute;
	top:-1.2rem;
	left:1rem;
	background-color:#fff;
	padding-right:10px;
	padding-left:5px;
	color:#000;
}

.gaibulink:after{
	content:"参考リンク";
	font-size:1.2rem;
	font-weight:700;
	color:#555;
	position:absolute;
	top:-1.2rem;
	left:2.7rem;
	background-color:#fff;
	padding:0px 6px;
	color:#000;
}
	
	
.gaibulink:hover{
	border: solid 4px #222;
}
	
	
	
/* *************** テキストインデント***********************/
	
.txtind{
	text-indent:1em;
}
	
	
/* *************** テキストデコレーションなし用***********************/
.atagmoji1{
	font-weight:bold;
	text-decoration:none;
	color:#555;
}

.atagmoji1:hover{
	color:#0484c8;
}

/* *************** 目次に戻るリンク用***********************/
.mokuji:after{
	content:"\f3e5";/* リターンみたいなマーク*/
	font-family: 'Font Awesome 5 Free';
	font-weight:bold;
}

.migi{
	text-align:right;
}

/* *************** リンクの装飾***********************/

a.inlineElink:after{
	content:"\f35d";
	font-family: 'Font Awesome 5 Free';
	font-weight:bold;
}

a.inlineIlink:after{
	content:"\f360";
	font-family: 'Font Awesome 5 Free';
	font-weight:700;
}






/*    overflow*/
h2,h3,h4{
	overflow-y:hidden;
}


/*    google map 埋め込み*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	
	
	
	
/*   見積もりフォーム   */
	
table {
	border:solid 1px #555;
	border-collapse: collapse;
	font-size:1.5em;
}

tabel.form{
	width:100%; 
}
.form tr.step{
	background-color:#4169E1;
	color:#fff;
	}
	
.form tr.step.kakuyasuform{
	background-color:rgba(0,162,255,1)!important;
	color:#fff;
}
	
.form tr.step.anshinform{
	background-color:rgba(96,217,55,1);
	color:#fff;
}
	
.form tr.step.goldform{
	background-color:rgba(255,215,0,1);
	color:#fff;
}
	
.form th.titleth{
	text-align:center;
	font-weight:900;
	font-size:1.5em;
}
.form th{
	width:20%;
	font-weight: 700;
	font-size: 1.2em;
}
.form th,
.form td {
	/*border:solid 1px #555;*/
	text-align:left;
}
.form th.titleobi{
	background:#f5f5f5;
}
	
span.chushaku{
	font-size:.6em;
	color:#FF0000;
	font-weight:700;
}
@media screen and (max-width: 2000px){
	span.chushaku{
		display:block;
	}
}
@media screen and (max-width: 480px){
	span.chushaku{
		display:inline-block;
	}
}
		
.form th.note{
  height:200px;
}
.form th.mini25{
	width:25%;
	text-align:left;
}
.form td.half50{
	width:50%;
}
	
.form td.businput#forty{
	width:40%;
}
	
.form td.businput2{
	display:none;
}
	
.form td.businput4{
	width:50%;
}
	
.form td.businput5{
	width:40%;
}
	

span.teiin{
display: block;
    font-size: .9em;
	margin: 0 0 0 3em;
}

.hissu{
	font-size:7px;
	padding:5px;
	background:#ff9393;
	color:#fff;
	border-radius:2px;
	margin-right:5px;
	position:relative;
	bottom:4px;
	margin-left:5px;
}

.nini{
	font-size:7px;
	padding:5px;
	background:#93c9ff;
	color:#fff;
	border-radius:2px;
	margin-right:5px;
	position:relative;
	bottom:4px;
	margin-left:5px;
}
		
	
#testcon{
	font-size:1.2em;
}

#yosan{
	font-size:1.2em;
	max-width:250px;
}
.contact7font1-2{
	font-size:1.2em;
}
	
	
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],{
	background-color: #fff;
	color: #000;
	width: 50%;
}
	
.wpcf7 textarea{
	background-color: #f0f0f0;
	color: #000;
	width: 90%;
	height:auto;
}
.wpcf7-form-control{
	background-color:#f0f0f0;
}
.wpcf7-form-control.wpcf7-checkbox{
	background-color:#fff;
}
.wpcf7-list-item-label#text{
	background-color:#fff;
}
.wpcf7 input[type="tel"]{
	color: #000;
	width: 80%;
}
.wpcf7 input[type="text"].wpcf7-time{
	width: 20%;
}
	
.wpcf7 input[type="text"].wpcf7-time.niretu{
	width: 45%;
	font-size:1.2em;
}
	
select.wpcf7-form-control.wpcf7-select,
select.wpcf7-form-control wpcf7-select.wpcf7-validates-as-required{
	width:100%;
}
	
select.wpcf7-form-control.wpcf7-select#kanko,
select.wpcf7-form-control wpcf7-select.wpcf7-validates-as-required#kanko{
	width:80%;
	font-size:1.2em;
}
	
select.wpcf7-form-control.wpcf7-select#prefe,
select.wpcf7-form-control wpcf7-select.wpcf7-validates-as-required#prefe{
	width:60%;
	font-size:1.1em;
}
	
.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.hasDatepicker,
.wpcf7-form-control.wpcf7-date.hasDatepicker{
	width:65%;
	font-size:1.2em;
}
.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number{
	background-color:whitesmoke;
}
.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.location{
	height:50px;
	font-size:1.2em;
}
	
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#name{
	width:50%;
	font-size:1.2em;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#group,
.wpcf7-form-control.wpcf7-text#group{
	width:88%;
	font-size:1.2em;
}	
select.wpcf7-form-control.wpcf7-select#kubun,
select.wpcf7-form-control wpcf7-select.wpcf7-validates-as-required#kubun{
	width:40%;
	font-size:1.2em;
}	
	
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#zip,
.wpcf7-form-control.wpcf7-text#zip{
	font-size:1.2em;
	width:60%;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#pref,
.wpcf7-form-control.wpcf7-text#pref{
	font-size:1.2em;
	width:60%;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#city,
.wpcf7-form-control.wpcf7-text#city{
	font-size:1.2em;
	width:80%;
}	
.wpcf7-form-control.wpcf7-text#buil{
	font-size:1.2em;
	width:80%;
}	
	
.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
	font-size:1.2em;
	width:70%;
}
.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel{
	font-size:1.2em;
	width:50%;
}
	
.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel#tel2,
.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel#tel2{
	font-size:1.2em;
	width:60%;
}	
	
	
.wpcf7-form-control.wpcf7-text.wpcf7-tel{
	font-size:1.2em;
	width:50%;
}
	
	
	/*	textarea.wpcf7-form-control.wpcf7-textarea,
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{
		height:1.2em;
		white-space: nowrap;
		width:98%;
		border:solid 1px #ccc;
		padding:.2em;
	}
	
	textarea.wpcf7-form-control.wpcf7-textarea#bigarea,
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required#bigarea{
		width:98%;
		border:solid 1px #ccc;
		padding:.2em;
		height:auto;
		font-size:1.1em;
	}*/

	
ul.wpcf7c-elm-step1,
ul.wpcf7c-elm-step2{
	text-align:center;
	list-style:none;
	margin-left:0px;
}

.wpcf7c-elm-step1 li,
.wpcf7c-elm-step2 li{
	float:left;
	width : calc(100% / 3);
	color:#666;
	text-align:center;
	background-color:#B0C4DE;
}

.wpcf7c-elm-step1 li.koko{
	background-color:#4169e1;
	color:#fff;
	text-align:center;
}
	
.wpcf7c-elm-step2 li.koko{
	background-color:#4169e1;
	color:#fff;
	text-align:center;
}
	
.wpcf7-form-control.wpcf7-submit{
	font-size: 1.5em;
	display: block;
	width: 90%;
	margin: 1em auto;
	background-color: #f0f0f0;
}
	
/*   送信完了ページ*/
.article-content.post-5613.page.type-page.status-publish.hentry{
	display:block;
	margin:5em auto;
}
	
/*   送信完了ページ2*/
.article-content.post-7518.page.type-page.status-publish.hentry{
	display:block!important;
	margin:5em auto!important;
}
	
/*     -------         ウィジェット         -----           */
	
/*FAQ*/
.faqbanner{
	max-width:1024px;
	border:solid 1px #555;
	height:100px;
	font-size:4em;
	font-weight:700;
	text-align:center;
	color:transparent;
	background: repeating-linear-gradient(45deg,
		#E60012 0.1em 0.2em,
		#F39800 0.2em 0.3em,
		#FFF100 0.3em 0.4em,
		#009944 0.4em 0.5em,
		#0068B7 0.5em 0.6em,
		#1D2088 0.7em 0.8em,
		#CFA7CD 0.8em 0.9em);
	-webkit-background-clip: text;
}
	
.faqbanner2{
	max-width:1024px;
	height:100px;
	font-size:4em;
	font-weight:700;
	text-align:center;
	color:transparent;
	background: repeating-linear-gradient(45deg,
		#E60012 0.1em 0.2em,
		#F39800 0.2em 0.3em,
		#FFF100 0.3em 0.4em,
		#009944 0.4em 0.5em,
		#0068B7 0.5em 0.6em,
		#1D2088 0.7em 0.8em,
		#CFA7CD 0.8em 0.9em);
	-webkit-background-clip: text;
}
	
span.faqmini{
	font-size:9px;
	color:#444;
}
	
	
		/*       ウィジェット   */
.prbanner{
	background: #222;
	max-width: 1024px;
	height: 100px;
}
.prbanner2 {
	background: #222555;
	max-width: 1024px;
	height: 100px;
}	
.prbanner a,
.prbanner2 a{
	text-decoration:none;
}
	
.lighttext {
	font-size:1.7em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #FFF;
	text-shadow: 
		0 0 0.10em #2962FF,
		0 0 0.15em #2962FF,
		0 0 0.80em #2962FF,
		0 0 1.00em #2962FF;
	padding:.6em .5em;
}
	
.lighttext2 {
	font-size: 2em;
	text-align: center;
	line-height:0.95em;
	font-weight:bold;
	color: #FFF;
	padding:.5em;
	text-shadow: 
		0 0 0.05em #F06292,
		0 0 0.10em #F06292,
		0 0 0.15em #F06292,
		0 0 0.30em #F06292;
	filter: saturate(80%);
}
	
.prtext {
	font-size:10px;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color:#FFF;
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .6)), to(transparent));
}

	
/******************************モデルコースバナー**************************************/	
	
.modelbanner{
	background:#eee;
	padding:.5em;
	padding-bottom:1em;
}
.modelbanner > p{
	font-size:1.5em;
	font-weight:200;
	margin:0;
}

.modelbanner2{
	background:#fff;
}
.modelbanner2 > a > ul{
	list-style:none;
	margin-left:0;
	display:inline-block;
	padding-top:1em;
	padding-left:.5em;
}
.modelbanner2 > a > ul >li{
	background:#6495ED;
	display:inline-block;
	color:#fff;
	font-size:.8em;
	padding:.5em;
	border-radius:3px;
	margin:.2em;
}
.modelbanner2 > a > ul >li:hover{
	opacity:.6;
	cursor: pointer;
}
	
	
	
/******************************モデルコース**************************************/	

a.modelcource{
	text-decoration:none;
	color:#444;
}
a.modelcource:hover{
	opacity:0.8;
	text-decoration:underline;
}
.modelbox{
	display:flex;
	flex-direction:row;
	/*flex-wrap:wrap;*/
	max-width:1024px;
	background:#fff;
	margin:0 auto;
	padding-top:10px;
}
p.balbox1{
	flex-basis:100%;
	background:#f5f5f5;
	margin-top:0;
	font-size:1.8em;
	font-weight:400;
	margin-bottom:10px;
	border-left:solid 5px orange;
	padding-left: .3em;
}
.balbox{
	margin-right:20px;
	margin-left:10px;
	vertical-align:middle;
	overflow:visible;
}
.textarea111{
	margin-left:10px;
	font-size:1em;
}
.textarea111 p{
	/*font-size:1em!important;*/
	line-height:1.1em;
	margin-bottom:.6em;
}
/* 吹き出し */
.balloon1{
	position: relative;
	padding: 20px;
	width: 60px;
	height: 30px;
	line-height: 30px;
	border-radius: 20%;
	text-align: center;
	color: #ffffff;
	letter-spacing: 0.2em;
	font-size: 12px;
	background-color: #ff9800;
	margin-bottom:15px;
	overflow: visible;
}
.balloon1::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 100px;
	bottom: 20px;
	border-right: 20px solid #ff9800;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	transform: rotate(180deg);
}
.balloon1 p{
	text-shadow:1px 2px 2px #555;
}
span.mNO{
	background: red;
	padding: 1px 3px;
	line-height: 1.5em;
	color: #fff;
	margin-right: .5em;
	border-radius: 7px;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
}
	
span.tabititle{
	color:green;
	font-weight: 600;
}
	
.text p{
	line-height:.9em;
}
span.price1{
	color:#3366FF;
	font-size:1.1em;
	font-weight:700;
}
p.koutei{
	font-weight:600;
}
/* hr*/
.hr-dots {
	border-width: 0 0 8px;
	border-style: solid;
	border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
	width: 216px;
	margin:10px auto;
	display:none;
}

@media screen and (max-width: 480px){
  .hr-dots{
    display:block;
  }
}


hr.style1 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
	margin:10px auto;
	max-width:1024px;
}
	
	
/*     WPのブロックとか        */
	
.wp-block-image figcaption {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left;
	font-size: .8em;
	color: #888;
	margin-left:2em;
}
	
.wp-block-image figcaption a{
	color:#666;
}
	
.wp-block-image img {
	margin-bottom: 0;
}
	
	
	
/************    FAQ     **** **********/
	
h4.faqlogo{
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	color: transparent;
	background: repeating-linear-gradient(45deg, #E60012 0.1em 0.2em, #F39800 0.2em 0.3em, #FFF100 0.3em 0.4em, #009944 0.4em 0.5em, #0068B7 0.5em 0.6em, #1D2088 0.7em 0.8em, #CFA7CD 0.8em 0.9em);
	-webkit-background-clip: text;
}
	
.cp_qa *, .cp_qa *:before, .cp_qa *:after {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_qa {
	margin: 0 auto;
	background: #ffffff;
}
.cp_qa input {
	display: none;
}

/* カテゴリー */
.cp_qa #cp_content1,
.cp_qa #cp_content2,
.cp_qa #cp_content3,
.cp_qa #cp_content4 {
	display: none;
	padding: 20px 0 0;
	border-top: 1px solid #dddddd;
}
.cp_qa label.cp_tabitem {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 10px;
	text-align: center;
	color: #666;
	border: 1px solid transparent;
	font-size:.8em;
	vertical-align: middle;
	cursor: pointer;
}
.cp_qa label.cp_tabitem:before {
	margin-right: 10px;
}
.cp_qa label.cp_tabitem[for*='1']
.cp_qa label.cp_tabitem[for*='2']
.cp_qa label.cp_tabitem[for*='3']:
.cp_qa label.cp_tabitem[for*='4']
.cp_qa label.cp_tabitem:hover {
	cursor: pointer;
	color: #888888;
}
.cp_qa input:checked + label {
	color: #555555;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
		border-bottom:1px solid #ffffff;
		font-weight: bold;
}
/* --ブロックのバーの色 */
.cp_qa input:checked + label[for='cp_conttab1'] {
	border-top: 5px solid #00BCD4;
}
.cp_qa input:checked + label[for*='cp_conttab2'] {
	border-top: 5px solid #FF5722;
}
.cp_qa input:checked + label[for*='cp_conttab3'] {
	border-top: 5px solid #03A9F4;
}
.cp_qa input:checked + label[for*='cp_conttab4'] {
	border-top: 5px solid #E91E63;
}
@media screen and (max-width: 650px) {
	.cp_qa label.cp_tabitem {
		font-size: ;
		width:calc(100% / 5);
	}
	label:before {
		font-size: 18px;
		margin: 0;
	}
}
@media screen and (max-width: 400px){
	.cp_qa label.cp_tabitem {
		/* padding: 15px; */
		width: 80px;
		font-size: .7em;
		height: 50px;
		vertical-align: middle;
	}
	.cp_qa label.cp_tabitem:before {
		margin-right: 0px;
	}
	
	.cp_qa label.cp_tabitem[for*='3']{
		padding:13px 6px;
	}
	.cp_qa input:checked + label[for*='cp_conttab3'] {
		padding:5.3px;
	}
}


/* QAブロック */
.cp_qa #cp_conttab1:checked ~ #cp_content1,
.cp_qa #cp_conttab2:checked ~ #cp_content2,
.cp_qa #cp_conttab3:checked ~ #cp_content3,
.cp_qa #cp_conttab4:checked ~ #cp_content4 {
	display: block;
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
	color:blue;
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '➕';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
	color:red;
	font-weight:bold;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
	font-size:.7em;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
	margin-top:-1px;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
	
.cp_actab-content ul{
	margin-left:0!important;
}
	
.cp_actab-content li {
	list-style-type: circle;
	/* padding-left: 1em; */
	margin-left: 2em;
	overflow: visible;
    font-size: .8em;
    margin-top: 1em;
}

/*    FAQ      */
	
	
	
/*    ご利用の流れバナー      */
	
.nagare{
	max-width:1024px;
	width:100%;
	background:#fff;
	margin:0 auto;
	border:solid 5px #DCDCDC;
	box-sizing:border-box;
}
h4.nagarebana{
	font-size:1.8em;
	font-weight:500;
	background:#222555;
	color:#fff;
	text-align:center;
	border-bottom:solid 5px #DCDCDC;
	margin:0;
}
.nagare p{
	font-size:.75em;
	margin:1em;
	font-weight:700;
}

.nagare img{
	margin-top:1em;
	width:100%;
}

@media screen and (max-width: 768px){
	.nagare p{
		font-size:.7em;
		margin-bottom:.5em;
	}
}
	
/*      エリア別都道府県情報*/
.mapcontainer{
	padding-top: 1rem;
	max-width:1024px;
	background-color:#fff;
	margin:0 auto;
	display:flex;
	flex-direction:row; 
	justify-content:space-between;
}
.map{
	width:60%;
	margin-left:1em;
}
.maptext{
	margin-top:3em;
	width:90%;
}
.imgwrapper{
	width:40%;
	margin-right:1em;
}
.imgwrapper img{
	max-width:200px;
	width:100%;
}
.area {
	display: inline-block;
	/*height: 2rem;*/
	margin-bottom:1em;
	font-size:.8em;
}
.area > li {/*親階層のみ幅を25%にする*/
	width: 80px;
	/*margin-bottom:1em;*/
	display: inline-block;
}
/*全てのリスト・リンク共通*/
.area li {
	list-style: none;
	/*position: relative;*/
}
.area li a {
	background: #001b34;
	border-right: 1px solid #eee;
	color: #fff;
	display: block;
	height: 2rem;
	line-height: 2rem;
	font-size:1em;
	text-align: center;
	text-decoration: none;
	width: 100%;
	cursor:pointer;
}

.area li a#hokkaido{
  background:#f5ec00;
}

.area li a#tohoku{
	background:#6fba2c;
}

.area li a#kanto{
	background:#36bef0;
}

.area li a#hokushinetu{
	background:#e8b921;
}

.area li a#tokai{
	background:#eb6ea5;
}

.area li a#kinki{
	background:#b979b1;
}

.area li a#chugoku,
.area li a#chugoku li{
	background:#f08300;
}

.area li a#sikoku{
	background:#e95383;
}

.area li a#kyushu{
	background:#00b096;
}

.area li a#okinawa{
	background:#004c9f;
}
/*子階層以降共通*/
.area li li {
	height: 0;
	overflow: hidden;
	transition: .3s;
}
.area li li a {
	border-top: 1px solid #eee;
}
.area li:hover > ul.area2 > li {
	height: 2rem;
	line-height: 2rem;
	font-size:1em;
    width:130px;
	margin-left:40px;
	overflow: visible;
    z-index:100000;
}

.area li ul {
    position:absolute;
}

}
/*aの背景色を指定*/   
.area li:hover a {/*親階層*/
    background: #00305c;
}
.area li li a {/*子階層*/
    background: #00305c;
}
.area li li:hover a {
    background: #004789;
}

/*リストに「▶︎」を付ける*/
.area > li:before{/*子階層*/
    /*border: 5px solid transparent;*/
    /*border-top: 5px solid #fff;*/
    content: "";
    right: 0.5rem;
    position: absolute;
    top: .6rem;
    transform: translateY(-40%);
}

@media screen and (max-width: 768px){
  h5.maptext{
    display:none;
  }
}

@media screen and (max-width: 480px){
  .mapcontainer{
		background:#BAD3FF;
		.area {
			height: 2rem;
		}
		.area > li {
			margin-bottom:1em;
		}
  }
}
	/*    サイトマップ   */

h2.sitemaptext{
	font-size: 2rem;
    font-weight: 100;
    background-image: linear-gradient(
90deg
,rgb(0,120,198) 0%,rgb(0,120,204) 100%);
    color: white;
    margin: 0;
	padding: 0 15px;
	position:relative;
}
h2.sitemaptext::before{
	  content:"\f0e8";
  font-weight:bold;
  font-family: "Font Awesome 5 Free";
  position:absolute;
  right:10px;
  font-size:1.2em;
  line-height:1.2em;
}
.sitemap{
	display:flex!important;
	margin-top:1.5em;
}
.sitemap a{
  color:#333;
}
.cols{
  width:calc((99.99% - 10px * 2 * 3) / 3);
  margin:0 10px;
}
.sitemap ul,
.sitemap li{
  margin:0;
  padding:0;
  list-style:none;
}
.sitemaplist > li{
  position:relative!important;
}
.sitemaplist > li> a{
  display:table;
  padding:10px;
  margin:10px 0;
  border:solid 1px #ccc;
  border-left:double 10px;
  width:100%;
  box-sizing:border-box;
}
.sitemaplist > li> a>span{
  display:table-cell;
  vertical-align:middle;
}

.sitemaplist > li> a>span::after{
  content:"\f138";
  font-weight:bold;
  font-family: "Font Awesome 5 Free";
  position:absolute;
  right:10px;
  font-size:1.2em;
  line-height:1.2em;
  
}
.sitemaplist > li> a:hover{
  opacity:.8;
	text-decoration:none;
	background:#f9f9f9;
}
.sitemaplist > li> a > span{
  display:table-cell;
}


.sitemaplist > li > ul >li{
  margin:10px 20px;
  position:relative;
}
.sitemaplist > li > ul >li>a::before{
  content:"\f105";
  font-weight:bold;
  font-family: "Font Awesome 5 Free";
  margin-right:5px;
}

.sitemaplist > li > ul >li> a:hover{
  opacity:.8;
  text-decoration:none;
}


.sitemaplist > li > ul >li > ul >li{
  margin:0 20px;
  display:inline-block;
  width:30%;
}

.sitemaplist > li > ul >li > ul >li>a::before{
  content:"\f101";
  font-weight:bold;
  font-family: "Font Awesome 5 Free";
  margin-right:5px;
  text-decoration:none;
}
.sitemaplist > li > ul >li > ul >li> a:hover{
  opacity:.8;
  text-decoration:none;
}


@media screen and (max-width: 900px){
  .container{
    width:100%;
  }
  .sitemap{
    flex-direction:column;
    width:100%;
    margin:auto;
  }
  .cols{
    width:95%;
  }
}
	
/* SNSボタン*/	

	_::-webkit-full-page-media, _:future, :root .fb_iframe_widget > span {
  vertical-align: baseline!important;
}
	


/*  お客様へページ*/
.custombox{
  display:flex;
  flex-direciion:row;
  max-width:1024px;
  margin:0;
  border:solid 1px #ddd;
  border-bottom:double 10px #ccc;
  padding:.5em;
}
.textbox10{
  order:2;
  display:table;
  vertical-align:middle;
  overflow-y:hidden;
	padding:0 1em;
	width:70%;
}
.textbox10 a:hover,
.textbox10:hover{
	text-decoration:underline;
}
.textbox10 a{
	color:#444;
	text-decoration:none;
	}
h4.custom{
  line-height:1em;
  margin-top:.5em;
  color:blue;
}
h4.custom a{
	color:blue;
}
a.text10{
  font-size:.8em;
}
img.thumb10{
  width:320px;
  height:150px;
  object-fit: cover; 
  object-position: 0px -50px;
  margin:auto;
  display:inline-block;
}
img.thumb11{
  width:320px;
  height:150px;
  object-fit: cover; 
  object-position: 0px -20px;
  margin:auto;
  display:inline-block;
}
@media screen and (max-width: 600px) {
  .custombox{
    flex-wrap:wrap;
  }
  img.thumb10{
    margin-bottom:.5em;
    width:90%;
	}
	.textbox10{
		width:90%;
		margin:auto;
	}
	h4.custom{
		text-align:center;
	}
}


/*  404 page not found */
.box20{
	width:90%;
	margin:auto;
	max-width:800px;
}
.bigtext{
	font-size:10em!important;
	text-align:center;
	line-height:0.95em!important;
	letter-spacing: 0.05em;
	color: transparent;
	-webkit-text-stroke: 0.02em rgba(0,0,0,1);
  margin-bottom:0!important;
}
p.notfound{
	font-size:.75em;
	text-align:center;
}

.srlink3{
  display:inline-block;
  background:#005FFF;
  color:#fff;
  margin-right:1em;
	padding:.3em 4em;
	margin-bottom:10px;
	border-radius:3px;
}

a.srlink3:hover{
	opacity:0.6;
}


/* font awesome*/
.fa, .fab, .fad, .fal, .far, .fas {
	vertical-align:baseline;
}


/*  スマートフォンテキスト*/
p.sumaho{
	display:none;
}



/*  3cols*/
.pagecols{
  max-width:1024px;
}
.colsbox{
  display:flex;
}
.cols10{
  width:calc((99.99% - 6px * 2 * 3) / 3);
  margin:0 6px;
  background:#eee;
  border-radius:5px;
  border: double 4px red;
}
.cols10 dl,
.cols10 dd,
.cols10 dt{
  margin:0;
  padding:0;
  color:red;
  text-shadow:2px 1px 2px #858576;
}
.cols10 dl{
  padding:.5em;
}
.cols10 dd{
  text-align:center;
  font-size:1.1em;
  height:50px;
}
.cols10 dt{
  text-align:center;
  margin-bottom:.5em;
}


/*　ご案内ページ用*/
h2.infoguide{
	font-size: 1.33rem;
    font-weight: 100;
    background-image: linear-gradient(
90deg
,rgb(0,120,198) 0%,rgb(0,120,204) 100%);
    color: white;
    margin: 0;
	padding: 0 15px;
	position:relative;
}
h2.infoguide::before{
	  content:"\f059";
  font-weight:bold;
  font-family: "Font Awesome 5 Free";
  position:absolute;
  right:10px;
  font-size:1.2em;
  line-height:1.2em;
}
.infobox{
  width:100%;
  margin:20px auto 10px;
  text-align:center;
}

.btnbox{
  width:calc((99.99% - 10px * 2 * 3) / 2);
  display:inline-block;
  margin:0 10px;
}
.btnbox p{
	padding:0 .5em;
	padding-bottom:1em;
	font-size:1.1em;
	border-left:2px solid #777;
	border-bottom:2px solid #777;
	margin-left:.3em;
}
.btn-info {
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  display: inline-block;
  height: 50px;/*高さ*/
  width:98%;
  margin:0 10px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background: #1da1f3;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
  margin:5px;
}

.btn-info{
  text-shadow: 2px 2px 0px #4287d6;
  font-size: 30px;
}

.btn-info span {
  display:inline-block;
  transition: .5s;
}

.btn-info:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

@media screen and (max-width: 640px){
  .btnbox{
		width:95%;
		margin:auto;
  }
}



/* ご利用方法*/

.stepbox{
  display:flex;
  align-items:center;
  max-width:750px;
  width:100%;
}

.btn-step{
  display: inline-block;
  text-decoration: none;
	color: #fff;
	background:#FF6347;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  border: double 4px #fff;
  text-align: center;
  overflow: hidden;
  transition: .6s;
}
.btn-step2{
  display: inline-block;
  text-decoration: none;
	color: #fff;
	background:#668ad8;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  border: double 4px #fff;
  text-align: center;
  overflow: hidden;
  transition: .6s;
}

.btn-step:hover {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.btn-step2:hover {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
.steptitle p{
	margin-left:.7em;
	margin-bottom:0;
  font-weight:600;
  color:#FF6347;
}
.steptitle2 p{
	margin-left:.7em;
		margin-bottom:0;
  font-weight:600;
  color:#668ad8;
}


.steptext{
    background:#f5f5f5;
    border-radius:7px;
}
.steptext p{
  padding:1em;
  text-indent:.8em;
  margin-bottom:0;
}
span.steptextS{
  font-size:.9em;
  color:#555;
}
.chev-down{
  text-align:center;
  font-size:1.5em;
  color:#555;
}
.btn-step3{
  display: inline-block;
  text-decoration: none;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  border: double 4px #fff;
  text-align: center;
  overflow: hidden;
  transition: .6s;
  font-size:.8em;
  background:green;
}
.btn-step3:hover {
  -webkit-transform: rotateX(180deg);
  transform: rotateY(180deg);
}
.steptitle3 p{
  margin-left:.7em;
  font-weight:600;
  color:green;
}

.btn-mitsumori,
.btn-mitsumori-icon{
  display: inline-block;
  padding: 0.2em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
	margin:0 0 .8em 1em;
	background: #fff;
}

.btn-mitsumori-icon::after{
	content:"\f0a9";
	font-weight:bold;
	font-family: "Font Awesome 5 Free";
	margin-left:.3em;
}

.btn-mitsumori:hover,
.btn-mitsumori-icon:hover{
  background: #67c5ff;
  color: white;
}

/*  */
.box-box{
	width:95%;
	max-width:1024px;
	margin:2em auto;
	box-shadow:0px 7px 11px -2px rgba(18,18,17,0.32);
}
.box-box:hover{
	opacity:.6;
}


/* post grid*/
span.page-numbers.current,
span.page-numbers.dots{
	margin-bottom:-12px!important;
	cursor:default!important;
}
span.page-numbers.dots{
	color:#333!important;
	background:transparent!important;
}
span.page-numbers.dots:hover{
	background:transparent!important;
}

.post-grid .grid-nav-top .nav-search .search{
	height:20px;
}

.element.element_1.excerpt::after{
	content:"[...]";
}

ul li span.page-numbers.current,
ul li span..span.page-numbers.dots{
	margin-bottom:0px!important;
	cursor:default!important;
}


/* thanks-estimate */
.thest{
	max-width:1024px;
	width:100%!important;
	margin:20px 5px 10px;
	text-align:center;
}
.kakomimojinashi{
	padding:0.5em!important;
	margin: .5em!important;
	}


.w3eden{
	text-align:center;
}

.migiyose{
	text-align:right;
	margin-bottom:0;
}
.shiryou-seikyu{
	display:inline-block;
	color:green;
	font-size:.8em;
	margin-bottom:0!important;
	border:solid 1px green;
	text-decoration:none;
	padding:.3em;
}

.shiryou-seikyu:hover{
	color:#fff;
	background:green;
}

/* バスログ rollover*/
.layer-media{
	position:relative;
	background:#000;
}

.layer-media:hover img{
	opacity: 0.6;
  transition-duration: 0.3s;
}

.layer-media::after{
	content:"続きを見る";
	opacity:0;
	position:absolute;
	display:block;
	top:50%;
	left:35%;
	color:#fff;
}
.layer-media:hover::after{
	opacity:1;
}

.layer-media img::hover{
	opacity:.5;
}

/*        参考料金2       */

.box123-3{
  max-width: 800px;
  width: 100%;
}
h3.title0521{
  font-size:1.7em;
  color:#222;
}
@media screen and (max-width: 480px) {
	h3.title0521{
		font-size:1.2em;
	}
	}

dl.sankou-ryoukin0521{
	padding: 1em;
    background: #f5f5f5;
    margin-bottom: 2em;
}

dl.sankou-ryoukin0521 dt{
  font-size:1.8em;
  margin:.3em;
  display:inline-block;
  font-weight:700;
}
dl.sankou-ryoukin0521 dd{
  font-size:.9em;
  color:#4169E1;
	margin-bottom:1.5em;
	margin-left:40px;
}

.pad0521{
	padding:.5em 1em;
	font-size:.8em!important;
}

.pad0521a{
	padding:.5em 1em;
	font-size:1.1em!important;
}

.pad0521b{
	padding:1em;
	font-size:1.1em!important;
}
.pad0521c{
	padding:1em;
	font-size:1em!important;
}
.pad0521d{
	padding:.5em 1em;
	font-size:1.1em!important;
}
.pad0812{
	padding:.5em .5em;
	font-size:1.1em!important;
}

@media screen and (max-width: 640px) {
	.pad0521d{
		font-size:.9em!important;
	}
	.pad0812{
		font-size:1em!important;
	}
}

h4.obi0521{
	font-size:1.6em;
	background:#4169E1;
	color:#fff;
	padding:.5em;
}

#sankouPbox{
  background:#fff;
  max-width:800px;
  width:100%;
  margin:auto;
  display:flex;
  flex-wrap:wrap;
}

/*大型バス*/
.sankouPbus {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width:calc((99.99% - 10px * 2 * 2) / 2);
  margin: 1em auto;}

.sankouPimg{
	text-align:center;
}
.sankouPimg img{
  width:100%;
  margin:.5em auto 0;
  vertical-align: bottom;
}
.sankouPimg p{
  margin:0 auto;
  background:#000;
  color:#fff;
  width:100%;
}

.sankouPimg a {
	background:#444;
	display:block;
}
.sankouPimg a img{
  width:100%;
  margin:auto 0;
  vertical-align: bottom;
}
.sankouPimg a img:hover{
  opacity:.6;
}


h2.sankouprice{
  font-size:1.2em;
  margin:0;
  border-bottom:solid 1px gray;
}

p.c-txtsp{
  margin:.5em 1em;
}


/* btn*/
.btn-sankou-mitsumori{
    display: block;
    padding: 0.2em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
    margin: 2em 0 .8em 0;
    background: #fff;
  text-align:center;
}

.btn-sankou-mitsumori:hover {
  background: #67c5ff;
  color: white;
}
/*タブのスタイル*/
.tab_item {
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #5ab4bd;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer;
}
.tab_item:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 20px 20px 0;
	clear: both;
	overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#kon3:checked ~ #kon3_content,
#yoku3:checked ~ #yoku3_content,
#yokuyoku3:checked ~ #yokuyoku3_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.sankouPbus input:checked + .tab_item {
	background-color: #5ab4bd;
	color: #fff;
}



/*中型バス*/
.sankouPbus2 {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width:calc((99.99% - 10px * 2 * 2) / 2);
  margin: 1em auto;}

/*タブのスタイル*/
.tab_item2 {
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #5ab4bd;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer;
}
.tab_item2:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item2"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content2 {
	display: none;
	padding: 20px 20px 0;
	clear: both;
	overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#kon3-2:checked ~ #kon3-2_content2,
#yoku3-2:checked ~ #yoku3-2_content2,
#yokuyoku3-2:checked ~ #yokuyoku3-2_content2 {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.sankouPbus2 input:checked + .tab_item2 {
	background-color: #5ab4bd;
	color: #fff;
}

/*小型バス*/
.sankouPbus3 {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width:calc((99.99% - 10px * 2 * 2) / 2);
	margin: 1em auto;
}

/*タブのスタイル*/
.tab_item3 {
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #5ab4bd;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer;
}
.tab_item3:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item3"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content3 {
	display: none;
	padding: 20px 20px 0;
	clear: both;
	overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#kon3-3:checked ~ #kon3-3_content3,
#yoku3-3:checked ~ #yoku3-3_content3,
#yokuyoku3-3:checked ~ #yokuyoku3-3_content3 {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.sankouPbus3 input:checked + .tab_item3 {
	background-color: #5ab4bd;
	color: #fff;
}

/*マイクロバス*/
.sankouPbus4 {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width:calc((99.99% - 10px * 2 * 2) / 2);
	margin: 1em auto;
}

/*タブのスタイル*/
.tab_item4 {
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #5ab4bd;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer;
}
.tab_item4:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item4"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content4 {
	display: none;
	padding: 20px 20px 0;
	clear: both;
	overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#kon3-4:checked ~ #kon3-4_content4,
#yoku3-4:checked ~ #yoku3-4_content4,
#yokuyoku3-4:checked ~ #yokuyoku3-4_content4 {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.sankouPbus4 input:checked + .tab_item4 {
	background-color: #5ab4bd;
	color: #fff;
}

/*ミニバス*/
.sankouPbus5 {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width:calc((99.99% - 10px * 2 * 2) / 2);
	margin: 1em 10px;
}

/*タブのスタイル*/
.tab_item5 {
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #5ab4bd;
		background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer;
}
.tab_item5:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item5"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content5 {
	display: none;
	padding: 20px 20px 0;
	clear: both;
	overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#kon3-5:checked ~ #kon3-5_content5,
#yoku3-5:checked ~ #yoku3-5_content5,
#yokuyoku3-5:checked ~ #yokuyoku3-5_content5 {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.sankouPbus5 input:checked + .tab_item5 {
	background-color: #5ab4bd;
	color: #fff;
}

@media screen and (max-width: 600px) {
	.sankouPbus,
	.sankouPbus2,
	.sankouPbus3,
	.sankouPbus4,
	.sankouPbus5{
		width:95%;
	}
}


/* フォームの個人情報のブロック*/
.privacybox{
	width:80%;
	margin:auto;
	height:250px;
	overflow-y: scroll;
	border: 2px inset #ccc;
	padding:.3em;
	font-size:.8em;
}
.privacybox > h2{
	font-size:.9em;
	border-bottom:none;
	margin:0;
	font-weight:400;
}
.privacybox > p,
.privacybox > ul{
	font-size:.7em;
	margin:0;
}
.privacybox > ul{
	margin-left: 2em;
}

/* フォームの個人情報のブロック2*/
.privacybox2{
	width:86%;
	margin:auto;
	height:80px;
	overflow-y: scroll;
	border: 2px inset #ccc;
	padding:.3em;
	font-size:.75em;
}
.privacybox2 > h2{
	font-size:.8em;
	border-bottom:none;
	margin:0;
	font-weight:400;
}
.privacybox2 > p,
.privacybox2 > ul{
	font-size:.7em;
	margin:0;
}
.privacybox2 > ul{
	margin-left: 2em;
}

/*  メール注意*/
.formmailchui {
    z-index: 99999;
    margin-top: -50px;
    width: 90%;
    background: #FFFFE0;
    margin: auto;
    border-radius: 15px;
    border: solid 1px red;
}

p.formmailchui1 {
    /* text-align: center; */
    font-size: 0.8em!important;
    padding: 1em!important;
    width: 80%!important;
    margin: auto!important;
}

ul.formmailchui1{
    /* text-align: center; */
    font-size: 0.8em!important;
    padding: 1em!important;
    width: 80%!important;
    margin: auto!important;
}
ul li.formmailchui2{
	overflow: visible!important;
    margin-right: 1em!important;
    margin-left: 1.5em!important;
}

span.m600moji{
	font-weight:600!important;
}


/*  メール注意*/

/*    法人ページ */
h2.houjinpage{
	font-size:1.33rem;
	font-weight:100;
	background-color:#2F4F4F;
	color:white;
	margin:0;
	padding:0 15px;
}

.box123{
	max-width:1024px;
	width:100%;
	margin:auto;
	padding:1em;
	box-sizing:border-box;
}
.box123.gray{
	max-width:1024px;
	width:100%;
	margin:auto;
	padding:1em;
	box-sizing:border-box;
	background:#eee;
}

.flexbox-double1{
	display:flex;
	margin-top:2em;
	align-items:center;
}
.flexbox-double-flex1{
	width:40%;
	padding:.5em 1em;
	text-align: center;
	font-size:1.1em;
	font-weight:700;
}
.flexbox-double-flex1 p{
	font-size:1.1em;
	font-weight:700;
}
.flexbox-double-flex2{
	width:50%;
	padding:.1em 1em;
	text-align: center;
	font-size:1.2em;
	font-weight:700;
}

.flexbox-double-flex2 img{
	width:90%;
}
p.circle-flat {
	display: inline-block;
	text-decoration: none;
	background: #FF8C00;
	color: #FFF;
	width: 280px;
	height: 280px;
	line-height: 280px;
	border-radius: 50%;
	text-align: center;
	overflow: visible;
}

@media screen and (max-width: 640px) {
	.flexbox-double1{
		flex-wrap:wrap;
	}
	.flexbox-double-flex1{
		width:100%;
		margin-bottom:0;
		order:2;
	}
	.flexbox-double-flex2{
		margin-top:0;
		width:100%;
		order:1;
	}
}


h3.point3{
	font-size:2em;
	text-align:center;
	color:#4169E1;
	font-weight:600;
	border:none;
}
h3.point3a{
	display:none;
	border:none;
}

.pointbox{
	position:relative;
}
.pointflexbox{
	display:flex;
}
.point3-flex{
	width:calc((99.99% - 5px * 2 * 3) / 3);
	margin:10px 5px;
	border:solid 2px #4169E1;
	height:250px;
	position:relative;
	padding:.4em;
}
	

.point3-flex a{
	text-decoration:none;
}


.point3-flex a::before {
	content: '';
	position: absolute;
	top: -3px;
	left: -3px;
	width: 0;
	height: 0;
	border: 3px solid transparent;
}
    
.point3-flex a::after {
	content: '';
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 0;
	height: 0;
	border: 3px solid transparent;
}

.point3-flex:hover {
	background: #f5f5f5;
}
    
.point3-flex a:hover::before {
	width: 100%;
	height: 100%;
	border-top-color: #384878;
	border-right-color: #384878;
	transition: width .25s ease-out, height .25s ease-out .25s;
}

.point3-flex a:hover::after {
	width: 100%;
	height: 100%;
	border-bottom-color: #384878;
	border-left-color: #384878;
	transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
}
	

.ichi{
	position:relative;
	text-align:center;
}
.ichi::after{
	content:"1";
	font-weight:bold;
	font-size:13em;
	color:#ddd;
	opacity:.5;
	position:absolute;
	top:-30px;
	left:80px;
	z-index:0;
}
.ni{
	position:relative;
	text-align:center;
}
.ni::after{
	content:"2";
	font-weight:bold;
	font-size:13em;
	color:#ddd;
	opacity:.5;
	position:absolute;
	top:-30px;
	left:80px;
	z-index:0;
}
.san{
	position:relative;
	text-align:center;
}
.san::after{
	content:"3";
	font-weight:bold;
	font-size:13em;
	color:#ddd;
	opacity:.5;
	position:absolute;
	top:-30px;
	left:80px;
	z-index:0;
}
.point3-flex p{
	z-index:100;
	color:blue;
	position:relative;
	z-index:3;
	font-size:.8em;
}

span.marking3{
	color:#FF4F02;
	font-weight:600;
	font-size:1.4em;
}
p.marking4{
	color:#4169E1;
	font-weight:600;
	font-size:1.4em;
	margin-bottom:3.5em;
}

.roundbox2{
	margin:10px;
	border:solid 3px #FF4F02;
	border-radius:20px;
	padding:1em 5em;
	box-sizing:border-box;
	margin-bottom:2em;
}

.roundbox-flex2{
	width:45%;
	text-align:center;
}

.roundbox-flex2 p{
	color:#000;
}

p.call{
	font-size:1.4em;
	font-weight:900;
}
p.call::before{
	content:"\f87b";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;
}

a.labelbtn{
	background:#FF4F02;
	color:#fff;
	text-decoration:none;
	padding:1em 2em;
	line-height:2.5em;
	border-radius:10px;
}

a.labelbtn::before{
	content:"\f0e0";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;
	margin-right:.5em;
}

a.labelbtn:hover{
	background:#fff;
	color:#FF4F02;
	border:solid 2px #FF4F02;
}

@media screen and (max-width: 820px) {
	h3.point3{
		font-size:1.2em;
	}
	.pointflexbox{
		flex-wrap:wrap;
	}
	.point3-flex{
		width:100%;
	}
	.ichi::after{
		left:40%;
		z-index:0;
	}
	.ni::after{
		left:40%;
		z-index:0;
	}
	.san::after{
		left:40%;
		z-index:0;
	}
}
@media screen and (max-width: 768px) {
	.pointflexbox{
		flex-wrap:wrap;
	}
	.point3-flex{
		width:100%;
	}
	.ichi::after{
		left:40%;
		z-index:0;
	}
	.ni::after{
		left:30%;
		z-index:0;
	}
	.san::after{
		left:30%;
		z-index:0;
	}
	.roundbox-flex2{
		width:100%;
	}
	.roundbox2{
		padding:1em 2em;
	}
}

@media screen and (max-width: 480px) {
	h3.point3{
		display:none;
	}
	h3.point3a{
		display:block;
		font-size:1.5em;
		text-align:center;
		color:#4169E1;
		font-weight:600;
	}
}

@media screen and (max-width: 400px) {
	.pointflexbox{
		flex-wrap:wrap;
	}
	.point3-flex{
		width:100%;
	}
	.ichi::after{
		left:30%;
		z-index:0;
	}
} 


.headtitlebox{
	display:block;
	margin-bottom:2em;
	margin-top:2em;
}
.headtitle{
	display:flex;
}
.obi1,
.obi1-b,
.obi1-c{
	background:#DCDCDC;
	padding:1.2em 2em;
	border-radius:10px 0px 0px 10px;
	text-align:center;
	width:25%;
}
.obi2{
	background:#4169E1;
	padding:1.2em 2em;
	border-radius:0px 10px 10px 0px;
	text-align:center;
	width:75%;
}
	

.obi1 p,
.obi1-b p,
.obi1-c p,
.obi2 p{
	font-size:1.2em;
}
	
.obi1 p,
.obi1-b p,
.obi1-c p{
	margin:0;
	color:#4169E1;
	line-height:1.2em;
	display:inline-block;
	vertical-align:middle;
	font-weight:700;
}
.obi1 p::after{
	content:".1";
	font-size:1.5em;
	font-weight:black;
	font-family:cursive;
}
.obi1-b p::after{
	content:".2";
	font-size:1.5em;
	font-weight:black;
	font-family:cursive;
}
.obi1-c p::after{
	content:".3";
	font-size:1.5em;
	font-weight:black;
	font-family:cursive;
}
.obi2 p{
	margin:0;
	color:#fff;
}

.roundbox{
	margin:10px;
	border:solid 2px #ccc;
	border-radius:20px;
	padding:1em 5em;
	box-sizing:border-box;
	margin-bottom:2em;
}
.roundbox-flex{
	display:flex;
}
.roundbox-flex-text{
	padding:.5em;
	font-size:1.4em;
	color:#4169E1;
}
.roundbox-flex-text2{
	padding:.5em;
	font-size:1.4em;
	color:#4169E1;
	width:61%;
}
.roundbox-flex-text3{
	padding:.5em;
	font-size:1.4em;
	color:#4169E1;
}
.roundbox-flex-img3{
	width:60%;
}
.roundbox-flex-img3 img{
	width:100%;
}
.roundbox-flex-img img{
	max-width:100%;
}
.roundbox-flex-img2 img{
	max-width:100%;
}
.clear-flex{
	display:block!important;
}
.roundbox p{
	color:#888;
	font-size:1em;
}
.roundbox-flex-text3 p{
	color:#4169E1;
}

.roundbox-flex-text3 p::before{
	content:"\f00c";
	font-weight:bold;
	font-family:"Font Awesome 5 Free";
	margin-right:.5em;
}

span.marking{
	color:#FF4F02;
	font-feature-settings:palt;
}
span.marking2{
	color:#4169E1;
	font-feature-settings:palt;
}
p.marking{
	color:#FF4F02;
	font-size:1.5em;
}

p.koment{
	font-size:.8em;
}
@media screen and (max-width: 768px) {
	.roundbox{
		padding:1.2em;
	}
	.roundbox-flex{
		flex-wrap:wrap;
	}
	.roundbox-flex-text{
		order:2;
		font-size:1.1em;
	}
	.roundbox-flex-img img{
		order:1;
	}
	.roundbox-flex-text2{
		order:2;
		width:100%;
		font-size:1.1em;
	}
	.roundbox-flex-img2 img{
		order:1;
		width:100%;
		text-align:center;
	}
	.roundbox-flex-text3{
		order:2;
		width:100%;
		font-size:1.1em;
	}
	.roundbox-flex-img3{
		order:1;
		width:100%;
	}
	.obi1,
	.obi1-b,
	.obi1-c{
		padding:.8em .2em;
	}
	.obi2{
		padding:1em .2em;
	}

	.obi1 p,
	.obi1-b p,
	.obi1-c p,
	.obi2 p{
		font-size:.85em;
	}
}

.flexbox-double{
	display:flex;
	margin-top:2em;
}
.flexbox-double-flex{
	width:46%;
	padding:1em;
	text-align: center;
}

p.title100{
	font-size:1.2em;
	font-weight:700;
	border-bottom:solid 4px #ccc;
}

@media screen and (max-width: 640px) {
	.flexbox-double{
		flex-wrap:wrap;
	}
	.flexbox-double-flex{
		width:100%;
	}
}
	
/*   学生ページ */
	
.point3-flexg-g {
	width: calc((99.99% - 5px * 2 * 3) / 3);
	margin: 10px 5px;
	border: solid 3px #339933;
	height: 250px;
	position: relative;
	padding: 0.4em;
}
.point3-flexg-g a{
	text-decoration:none;
}


.point3-flexg-g a::before {
	content: '';
	position: absolute;
	top: -3px;
	left: -3px;
	width: 0;
	height: 0;
	border: 3px solid transparent;
}
    
.point3-flexg-g a::after {
	content: '';
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 0;
	height: 0;
	border: 3px solid transparent;
}

.point3-flexg-g:hover {
	background: #f5f5f5;
}
    
.point3-flexg-g a:hover::before {
	width: 100%;
	height: 100%;
	border-top-color: #384878;
	border-right-color: #384878;
	transition: width .25s ease-out, height .25s ease-out .25s;
}

.point3-flexg-g a:hover::after {
	width: 100%;
	height: 100%;
	border-bottom-color: #384878;
	border-left-color: #384878;
	transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
}
	
.ichi {
	position: relative;
	text-align: center;
}
.ichi::after {
	content: "1";
	font-weight: bold;
	font-size: 13em;
	color: #ddd;
	opacity: 0.5;
	position: absolute;
	top: -50px;
	left: 80px;
	z-index: 0;
}
.ni {
	position: relative;
	text-align: center;
}
.ni::after {
	content: "2";
	font-weight: bold;
	font-size: 13em;
	color: #ddd;
	opacity: 0.5;
	position: absolute;
	top: -50px;
	left: 80px;
	z-index: 0;
}
.san {
	position: relative;
	text-align: center;
}
.san::after {
	content: "3";
	font-weight: bold;
	font-size: 13em;
	color: #ddd;
	opacity: 0.5;
	position: absolute;
	top: -50px;
	left: 80px;
	z-index: 0;
}
.point3-flexg-g p {
	z-index: 100;
	color: blue;
	position: relative;
	z-index: 3;
	font-size: 0.8em;
}

span.marking3 {
  color: #ff4f02;
  font-weight: 600;
  font-size: 1.4em;
}
p.marking4 {
  color: #4169e1;
  font-weight: 600;
  font-size: 1.4em;
  margin-bottom: 3.5em;
}
	
.obi2-g {
  background: #339933;
  padding: 1.2em 2em;
  border-radius: 0px 10px 10px 0px;
  text-align: center;
  width: 75%;
}
.obi2-g p {
	margin: 0;
	color: #fff;
}
	
.obi1 p,
.obi1-b p,
.obi1-c p,
.obi2 p,
.obi2-g p{
	font-size: 1.2em;
}
@media screen and (max-width: 950px) {
	.point3-flexg-g {
		width: 100%;
	}
}
@media screen and (max-width: 820px) {
	.point3-flexg-g {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.point3-flexg-g {
		width: 100%;
	}
	.obi1,
	.obi1-b,
	.obi1-c{
		padding: 0.8em 0.2em;
	}
	.obi2 {
		padding: 1em 0.2em;
	}
	.obi2-g {
		padding: 1em 0.2em;
	}

	.obi1 p,
	.obi1-b p,
	.obi2 p,
	.obi2-g p,
	.obi1-c p{
		font-size: 0.85em;
	}
}

@media screen and (max-width: 480px) {
	h3.point3 {
		display: none;
	}
	h3.point3a {
		display: block;
		font-size: 1.5em;
		text-align: center;
		color: #4169e1;
		font-weight: 600;
	}
}

@media screen and (max-width: 400px) {
	.point3-flexg-g {
		width: 100%;
	}
	.ichi::after {
		left: 30%;
		top:-20px;
		z-index: 0;
	}
	.ni::after {
		left: 30%;
		top:-20px;
		z-index: 0;
	}
	.san::after {
		left: 30%;
		top:-20px;
		z-index: 0;
	}
	span.gakuseiouen{
		line-height:.9em;
	}
}
	
	

.triangle {
	max-width: 1024px;
	height:100px;
	width: 100%;
	margin: auto;
	padding: 2em;
	box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}


/* ラベル部分 左上に表示 */
.triangle::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 6em solid transparent;
    border-left: 6em solid #339933; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.triangle::after {
    content: "Pick up!";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
	left: 2px;
	top: 20px;
    position: absolute;
    z-index: 101;
}
	
p.bluetext{
	color:#4169e1;
	font-size:1em;
}

span.gakuseiouen{
	font-size:2em;
	display:block;
	margin-top:.5em;
	margin-bottom:.5em;
	color:#339933;
	font-weight:700;
}

p.orangetext{
	color:#ff4f02;
}

p.bigtext1{
	font-size:2em;
}
	
p.bigtext2{
	font-size:1.2em;
}
	
p.greeen{
	color:#339933;
	font-weight:700;
}

.box1234{
	max-width: 1024px;
	width: 100%;
	margin:0 auto;
	padding:0;
	background:#eee;
}
.box1234 img{
	max-width:1024px;
		width: 100%;
}



@media screen and (max-width: 1920px) {
	p.anzentehai2 {
		display:none;
	}
}
@media screen and (max-width: 480px) {
	p.anzentehai {
		display: none;
	}
	p.anzentehai2 {
		display: block;
		text-align: center;
		color: #fff;
		font-weight: 600;
		font-size:.85em;
	}
}
	


	/* お問い合わせフォーム*/
#otoiawaseform{
	max-width: 800px;
	margin: 50px auto;
	padding: 10px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 7px;
    box-shadow: 0 0 7px rgba( 0, 0, 0, 0.2 );
    font-size: 1.2em;
    line-height: 2em;
}
#otoiawaseform dl{
	padding:0 1em;
}
#otoiawaseform dd{
	padding:1em 0;
	margin-bottom:1em;
	border-bottom:solid 3px #eee;
}
#otoiawaseform dd input{
	font-size:1.2em;
	line-height:1.5em;
	width:250px;
}
#otoiawaseform dd input[type="checkbox"]{
	width:auto;
}
#otoiawaseform dd textarea{
	font-size:1.2em;
	line-height:1.5em;
}
	
#otoiawaseform dl dt span{
	display: block;
	font-size: 85%;
    color: #3377ff;
}
	
#otoiawaseform dl dt span.optional {
	background: #337ab7;
	border: 1px solid #2e6da4;
}
	
#otoiawaseform dl dt span.required {
	background: #d9534f;
	border: 1px solid #d43f3a;
}
#otoiawaseform dl dt span.optional,
#otoiawaseform dl dt span.required{
	display: inline-block;
	float: left;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 3px;
	margin-right:.5em;
}
	
/* お問い合わせフォーム2*/
#otoiawaseform2{
	max-width: 800px;
	margin: 10px auto 50px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #cccccc;
    border-radius: 7px;
	box-shadow: 0 0 7px rgba( 0, 0, 0, 0.2 );
	font-size: 1.2em;
}
#otoiawaseform2 dl{
  padding:0 1em;
}
	
#otoiawaseform2 dt{
	font-size:.8em;
}
#otoiawaseform2 dd{
	padding:.5em 0;
	margin-bottom:.5em;
	border-bottom:solid 3px #eee;
}
#otoiawaseform2 dd input{
	font-size:1em;
	line-height:1.5em;
	width:240px;
}
#otoiawaseform2 dd input[type="checkbox"]{
	width:auto;
}
#otoiawaseform2 dd textarea{
	font-size:1em;
	line-height:1.5em;
	height:120px;
}
	
#otoiawaseform2 dl dt span{
	font-size: 85%;
	color: #3377ff;
}
	
#otoiawaseform2 dl dt span.optional {
	background: #337ab7;
	border: 1px solid #2e6da4;
}
	
#otoiawaseform2 dl dt span.required {
	background: #d9534f;
	border: 1px solid #d43f3a;
}
#otoiawaseform2 dl dt span.optional,
#otoiawaseform2 dl dt span.required{
	display: inline-block;
	float: left;
	color: #ffffff;
	padding: 2px 5px;
	border-radius: 3px;
	margin-right:.5em;
}
	
h4.otoiawase{
	font-size:1.5em;
	text-align:center;
	margin-top:.5em;
	color:#4682B4;
	border-bottom:solid 1px #ccc;
}

	/* お問い合わせフォーム3*/
#otoiawaseform3{
	width:90%;
	max-width: 800px;
	margin: 50px auto;
	padding: 10px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 7px;
    box-shadow: 0 0 7px rgba( 0, 0, 0, 0.2 );
    font-size: 1.2em;
    line-height: 2em;
}
#otoiawaseform3 dl{
	padding:0 1em;
}
#otoiawaseform3 dd{
	padding:1em 0;
	margin-bottom:1em;
	border-bottom:solid 3px #eee;
}
#otoiawaseform3 dd input{
	font-size:1.2em;
	line-height:1.5em;
	width:300px;
	border:1px solid #ccc;
	background:#fff;
}
#otoiawaseform3 dd input[type="checkbox"]{
	width:auto;
}
#otoiawaseform3 dd textarea{
	font-size:1.2em;
	line-height:1.5em;
}
	
#otoiawaseform3 dl dt span{
	display: block;
	font-size: 85%;
    color: #3377ff;
}
	
#otoiawaseform3 dl dt span.optional {
	background: #337ab7;
	border: 1px solid #2e6da4;
}
	
#otoiawaseform3 dl dt span.required {
	background: #d9534f;
	border: 1px solid #d43f3a;
}
#otoiawaseform3 dl dt span.optional,
#otoiawaseform3 dl dt span.required{
	display: inline-block;
	float: left;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 3px;
	margin-right:.5em;
}
	
/**/
.whitespace{
	width:100%;
	background:#fff;
	height:200px;
}
	
/*　　フロントページの法人、学生*/
a #frontcorp {
	max-width: 100%;
	padding: 10px;
	background: #ffffff;
	border: 2px solid #cccccc;
	border-radius: 7px;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
	font-size: 1.2em;
	text-align: center;
}
#frontcorp p {
	font-size: 3em;
	font-weight: 900;
}
a #frontcorp{
	position: relative;
	display: block;
	margin: 10px auto;
	text-align: center;
	color: #384878;
	font-weight: bold;
	transition: .25s;
	box-shadow: 2px 2px 5px 0px rgba(200,200,200,1);
	background-color: #ffffff;
}
a#nolink{
	text-decoration: none;
}
a #frontcorp::before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
}
    
a #frontcorp::after {
	content: '';
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
}

a #frontcorp:hover {
    color: #a8aabc;
}
    
a #frontcorp:hover::before {
	width: 100%;
	height: 100%;
	border-top-color: #384878;
	border-right-color: #384878;
	transition: width .25s ease-out, height .25s ease-out .25s;
}

a #frontcorp:hover::after {
	width: 100%;
	height: 100%;
	border-bottom-color: #384878;
	border-left-color: #384878;
	transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
}
	
	
	
a #frontstudent {
	max-width: 100%;
	padding: 10px;
	background: #ffffff;
	border: 2px solid #cccccc;
	border-radius: 7px;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
	font-size: 1.2em;
	text-align: center;
}
#frontstudent p {
	font-size: 3em;
	font-weight: 900;
	color: transparent;
	background: repeating-linear-gradient( -45deg, #FF3D00 0% 50%, #0091EA 50% 100% );
	-webkit-background-clip: text;
}
a #frontstudent{
	position: relative;
	display: block;
	margin: 10px auto;
	text-align: center;
	color: #384878;
	font-weight: bold;
	transition: .25s;
	box-shadow: 2px 2px 5px 0px rgba(200,200,200,1);
	background-color: #ffffff;
}
a #frontstudent:hover{
	opacity:.6;
}
@media screen and (max-width: 640px) {
	#frontcorp p,
	#frontstudent p	{
		font-size: 1.5em;
		font-weight: 900;
	}
}

.boxmaxW{
	width:100%;
	background:#fff;
	margin-bottom:15px;
}
.box123-1225 {
	/*max-width: 1024px;*/
	width: 100%;
	margin: auto;
	/*
	padding: 1rem;
	*/
	box-sizing: border-box;
	color: #fff;
	background: linear-gradient(to right,#0078c6,#0078CC);
	height:3.3em;
	background:#B0C4DE;
}	
.box123-1228 {
	max-width: 1024px;
	margin: auto;
	padding: 1rem;
	box-sizing: border-box;
	color: #000;
	background:#fff;
}	
.f16B{
	font-size:16px;
	font-weight:600;
}
.f14N{
	font-size:14px;
	margin-top:10px;
}


.box123-0 {
	max-width: 1024px;
	width: 100%;
	margin: auto;
	padding: 0;
	box-sizing: border-box;
}	
.box123-02 {
	max-width: 1024px;
	width: 100%;
	margin: auto;
	padding: 0;
	box-sizing: border-box;
}	
@media screen and (max-width: 769px){
	.box123-02{
		padding:.5em;
	}
}

a #frontcorona {
	max-width: 100%;
	padding: 10px;
	background: #ffffff;
	border: 4px solid #C71585;
	font-size: 1.2em;
		text-align: center;
}
#frontcorona p {
	font-size: 1.2em;
	font-weight: 700;
}

#frontcorona p::after{
	content:" \f138";
	font-weight:bold;
	font-family:"Font Awesome 5 Free";
}
@media screen and (max-width: 1023px){
	#frontcorona p{
		font-size:1.2em;
	}
}
@media screen and (max-width: 769px){
	#frontcorona p{
		font-size:1em;
	}
}
@media screen and (max-width: 480px){
	#frontcorona p{
		font-size:.8em;
	}
}
a #frontcorona{
    position: relative;
    display: block;
    margin: 0px auto;
    text-align: center;
    color: #9370DB;
    font-weight: bold;
    transition: .25s;
	background-color: #ffffff;
	margin: 0 auto 20px;
	box-shadow: 0 0 8px gray;
}
	
a #frontcorona:hover {
	color: #DCDCDC;
	background-color:#C71585;
}
	
@media screen and (max-width: 400px) {
	#frontcorona p	{
		font-size: .8em;
		font-weight: 600;
	}
	a #frontcorona{
		border-right:none;
		border-left:none;
	}
}
@media screen and (max-width: 360px) {
		#frontcorona p	{
		font-size: .7em;
		font-weight: 600;
	}
}
.box0803 {
	max-width: 1000px;
	width: 98%;
	margin: auto;
	padding: 0;
	box-sizing: border-box;
}
.box0803 img{
	width:100%;
	margin-bottom:1em;
}
	
.box0803 a img:hover{
	opacity:.5;
	transition-duration:.7s;	}
/* スクロール*/
.smooth{
	scroll-behavior: smooth;
}
	

/*    学生ページ */
h2.gakuseipage{
	font-size:1.33rem;
	font-weight:100;
	background-color:#339933;
	color:white;
	margin:0;
	padding:0 15px;
}
	
	
	
	/**/
.center-100{
	width:100%;
	text-align:center;
}

.btn-square0521 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  margin:.2em .3em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: 600;
}
.btn-square0521::before{
  content:"\f101";
  font-weight:700;
  font-family: "Font Awesome 5 Free";
  margin-right:.3em;
}

.btn-square0521:hover{
	color:#222;
}
.btn-square0521:active {
	border-bottom: solid 2px #fd9535;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
	
	
/* フロントページバナー*/
.bannabox0522{
	max-width:1000px;
	width:100%;
	margin:0 auto;
	margin-bottom:20px;
}

h3.banna0522{
	font-size:1.5em;
	color:#fff;
	background:#B22222;
	padding:.3em;
	text-align:center;
	margin:0 ;
	border:none;
	box-sizing: border-box;
}
.bannaflex0522{
	display:flex;
	margin:0;
}
.bannaflexbox0522{
	width:calc((99.99% - 5px * 2 * 3) / 3);
	height:auto;
	margin:0;
	border:solid 8px #ccc;
	margin-bottom:10px;
	padding-bottom:1em;
}
.bannaflexbox0522a{
	width:calc((99.99% - 5px * 2 * 3) / 3);
	height:auto;
	margin:0 10px;
	border:solid 8px #ccc;
	margin-bottom:10px;
	padding-bottom:1em;
}
	
.bannaflexbox0522:hover,
.bannaflexbox0522a:hover{
	border:solid 8px #666;
	transition-duration: 0.8s;
}

	
.bannaflexbox0522 a,
.bannaflexbox0522a a{
	text-decoration:none;
	color:#4169E1;
}
		
.bannaflexbox0522 a h4,
.bannaflexbox0522a a h4{
	background:beige;
	color:#4169E1;
	font-size:1.4em;
	padding:.2em;
	margin:0;
	text-align:center;
}
.bannaflexbox0522 a h5,
.bannaflexbox0522a a h5{
	font-size:1.1em;
	text-align:center;
	margin:.4em auto;
	color:#333;
}
.flexcontbox0522{
	display:flex;
}
.flexcont0522a{
	width:40%;
	margin:0 5px;
}
.flexcont0522a img{
	width:100%;
}
img.gazou80{
	width:75%;
	display:block;
	margin:auto;
	padding-top:10px;
}
.flexcont0522b{
	margin:0 5px 0 0;
	width:calc((99.99% - 5px * 2 * 2) / 1.5);
}
.flexcont0522b p{
	color:#555;
}
	
.flexcont0522b p:hover{
	text-decoration:underline;
}
	
p.banner0522{
	text-align:center;  
}
	
p.banner0522tel{
	text-align:center;
	font-size:1.3em;
	font-weight:700;
	color:green;
}
p.banner0522tel:hover{
	opacity:.7;
	color:blue;
	transition-duration: 0.8s;
}
	
p.banner0522tel::before{
	content:"\f87b";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;
	margin-right:.2em;
}
	
a.banner0522mail{
	text-align:center;
	font-size:1.3em;
	font-weight:700;
	color:green;
	display:block;
}
	
a.banner0522mail-a{
	display:block;
	font-size:1em;
	font-weight:400;
	color:green;
	text-align:center;
}

a.banner0522mail-a:hover,
a.banner0522mail:hover{
	opacity:.7;
	color:blue;
	transition-duration: 0.8s;
}

a.banner0522mail::before{
	content:"\f0e0";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;
	margin-right:.2em;
}
	
	
a.banner0522fax{
	text-align:center;
	font-size:1.3em;
	font-weight:500;
	color:#555;
	display:block;
}
	
a.banner0522fax-a{
	display:block;
	font-size:1.1em;
	font-weight:700;
	color:green;
	text-align:center;
}

a.banner0522fax-a:hover,
a.banner0522fax:hover{
	opacity:.7;
	color:blue;
	transition-duration: 0.8s;
}
	
a.banner0522fax::before{
	content:"\f1ac";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;
	margin-right:.2em;
}
a.banner0522fax-a::before{
	content:"\f1c1";
	font-family:"Font Awesome 5 Free";
	font-weight:bold;
	margin-right:.2em;
}
	
@media screen and (max-width: 1000px) {
	h3.banna0522{
		width:98%;
		margin:auto;
	}
	.bannaflex0522{
		flex-direction:column;
	}
	.bannaflexbox0522,
	.bannaflexbox0522a{
		width:98%;
		margin:0 auto 10px;
		height:auto;
		box-sizing:border-box;
	}
	.flexcont0522a{
		width:20%;
	}
	.flexcont0522a img{
		margin:0;
	}
	.flexcont0522b{
		width:70%;
	}
	.flexcont0522b p{
		font-size:1.3em;
		padding-top:2em;
	}
}

@media screen and (max-width: 640px) {
	h3.banna0522{
		font-size:1.3em;
	}
	.flexcont0522b p{
		padding-top:0;
	}
}

@media screen and (max-width: 480px) {
	.flexcont0522b p{
		font-size:.75em;
	}
}
	

	
#toc_container {
	background: #f9f9f9 none repeat scroll 0 0;
	border: 1px solid #aaa;
	display: table;
	font-size: 95%;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	padding: 10px;
	width: auto;
	}
#toc_container2 {
	display: table;
	font-size: 95%;
    margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	padding: 10px;
    width: auto;
}
 
.toc_title {
    font-weight: 700;
    text-align: center;
}


#toc_container li, #toc_container ul, #toc_container ul li,
#toc_container2 li, #toc_container2 ul, #toc_container2 ul li
{
	list-style-position: outside;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: .5em;
	padding-left: 0;
	overflow: visible;
		/* リストの記号を付けない場合は   
		list-style: outside none none !important;
		*/	
}


#toc_container a{
	color:#0000FF;
}
#toc_container a:hover{
	text-decoration:none;
}
			
		
		
/*　リスト	*/
ul.liststyle111 li {
	overflow: visible!important;
	margin-left:30px!important;
}
		
		
/* スクロールトップ */		
#wpfront-scroll-top-container:hover{
	opacity:.7!important;
	transition-duration:.7s!important;
}
		
		
/*  zip   */
#zip_footer a{
	display:none!important;
}
		
		
		
		
		
/*  3つの見積りプラン  */
p.shadowtitle{
	text-align:center;
	max-width:600px;
	margin:10px auto 0;
	text-shadow:0px 2px 3px #000000,1px 2px 2px #334e84;
	color:#fff;
}
.mitsuplan{
	display:flex;
	max-width:600px;
    margin:0 auto;
}
a.plan3{
	display:block;
	text-decoration:none;
}
.plan3box{
	width:calc((99.99% - 5px * 2 * 3) / 3);
	margin:0 5px;
	border-radius:10px 10px;
	text-align:center;
	border:1px solid #fff;
}
p.plantitle{
	font-size:.7em;
	margin:1.5em 0 .5em;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-shadow:0px 2px 3px #000000,1px 2px 2px #334e84;
}
p.excerpt{
	font-size:.5em;
	margin:0 .8em 10px;
	padding:.3em;
	background:#fff;
	color:#444;
}

.kakuyasu{
	background-color:rgba(0,162,255,0.5);
}

.anshinSP{
		background-color:rgba(96,217,55,0.5);
}
p.anshinSP{
	font-size:.6em;
}
.goldP{
  background-color:rgba(255,215,0,0.5);
}

p.plan-btn{
	font-size:.5em;
	margin:0.8em 0;
	padding:.3em;
	border:1px solid #fff;
	color:#fff;
	background:red;
	display:inline-block;
}
.plan3box.kakuyasu:hover{
	background-color:rgba(0,162,255,1);
	transition-duration:.5s;
}
.plan3box.anshinSP:hover{
	background-color:rgba(96,217,55,1);
	transition-duration:.5s;
}
.plan3box.goldP:hover{
	background-color:rgba(255,215,0,1);
	transition-duration:.5s;
}

a.plan3:hover p.plan-btn{
	background:#fff;
	color:red;
	border:1px solid red;
}
a.plan3:hover p.plantitle{
	color:#f5f5f5;
	text-shadow:0px 2px 3px #000000;
}
p.plan-btn:hover{
	background:#fff;
	color:red;
}
			
			
/*   */	
p.mitsu3p-title,
p.mitsu3p-title2{
    font-weight: 600;
	font-size: 1.1em;
	text-align: center;
	margin-bottom: .5em;
}			
p.mitsu3p-title2{
	font-weight: 600;
	font-size: 1.1em;
	text-align: center;
	margin-bottom: .5em;
	display: inline-block;
	border: 2px solid gray;
	border-radius: 8px;
	padding: .3em .3em .3em .4em;
}
@media screen and (max-width: 480px){
	p.mitsu3p-title,
	p.mitsu3p-title2{
		font-size: .8em!important;
	}
}
			
.mitsuPB-box{
	max-width: 1000px;
	width: 98%;
	border:3px solid #777;
	height:auto;
	display:flex;
	margin:0 auto;
	background:#fff;
	box-sizing: border-box;
}
.mitsuPB-box p{
	margin-bottom:0;
}

a.plan3{
	display:block;
	text-decoration:none;
}

.planName-box1{
	width:15%;
	margin:.5em;
	border:1px solid rgba(0,162,255,1);
}
.planName-box2{
	width:15%;
	margin:.5em;
	border:1px solid rgba(96,217,55,1);
}
.planName-box3{
	width:15%;
	margin:.5em;
	border:1px solid rgba(255,215,0,1);
}
p.pconce{
	padding:.5em .5em;
	margin:0;
	color:#fff;
	text-align:center;
	font-size:1em;
}
p.planName.kakuyasu-3,p.planName.kakuyasu-3a{
	text-align:center;
	color:rgba(0,162,255,1);
	font-size:1.1em;
	font-weight:600;
	display: table;
	vertical-align: middle;
    margin: 1em auto;
}
p.planName.anshinSP-3,p.planName.anshinSP-3a{
	text-align:center;
	color:rgba(96,217,55,1);
	font-size:1.1em;
	font-weight:600;
	display: table;
	vertical-align: middle;
	margin: 1em auto;
}
p.planName.goldP-3,p.planName.goldP-3a{
	text-align:center;
	color:rgba(255,215,0,1);
	font-size:1.1em;
	font-weight:600;
	display: table;
	vertical-align: middle;
	margin: 1em auto;
}

.kakuyasu-2{
	background-color:rgba(0,162,255,1);
}
.anshinSP-2{
	background-color:rgba(96,217,55,1);
}
.goldP-2{
	background-color:rgba(255,215,0,1);				
}
.planExcerpt-box,
.planExcerpt-box2{
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
		-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
	-webkit-background-size: 3px 3px;
	width:60%;
	text-align:center;
	font-size:1.4em;
	display:table;
	padding:2em 0;
	vertical-align:middle;
	margin:auto;
}
				
.planExcerpt-box:hover,
.planExcerpt-box2:hover{
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
		-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
	-webkit-background-size: 4px 4px;
	transition-duration:.8s;
}

.planExcerpt-box p{
	font-size:1.2em;
	font-weight:bold;
}
.planExcerpt-box2 p{
	font-size:1em;
	font-weight:bold;
}
				
@media screen and (max-width: 900px){
	.planExcerpt-box p{
		font-size:1.2em!important;
		font-weight:600;
	}
}
@media screen and (max-width: 900px){
	.planExcerpt-box2 p,p.planName.goldP-3a,p.planName.kakuyasu-3a,p.planName.anshinSP-3a,.estimateStart-box2 p{
		font-size:1.1em!important;
	}
}
				
.estimateStart-box,.estimateStart-box2{
	color:#fff;
	background-color:rgba(255,0,0,1);
	width:20%;
	margin:.5em;
	text-align:center;
	font-size:1.2em;
	border:1px solid red;
	display:table;
	padding:2.5em 0;
	vertical-align:middle;
}
.estimateStart-box p,.estimateStart-box2 p{
	font-weight:bold;
	font-size:1em;
}

.estimateStart-box:hover{
	background:transparent;
	color:red;
	transition-duration:.4s;
}

@media screen and (max-width: 680px){
	.planName-box1,
	.planName-box2,
	.planName-box3{
		width:25%;
		font-size:.8em;
	}
	.planExcerpt-box,.planExcerpt-box2{
		width:50%;
		font-size:.8em;
	}
	.estimateStart-box,.estimateStart-box2{
		width:25%;
		font-size:.8em;
	}
}
@media screen and (max-width: 400px){	
	.planName-box1,
	.planName-box2,
	.planName-box3{
		width:25%;
		font-size:.6em;
	}
	.planExcerpt-box,.planExcerpt-box2{
		width:45%;
		font-size:.7em;
		padding:.3em;
		text-align:justify;
	}
	.estimateStart-box,.estimateStart-box2{
		width:22%;
		font-size:.7em;
	}
}


.mitsuPB-box:hover .kakuyasu-3,.mitsuPB-box:hover .kakuyasu-3a{
	color:#fff;
	transition-duration:.5s;
}

.mitsuPB-box:hover .anshinSP-3,.mitsuPB-box:hover .anshinSP-3a{
	color:#fff;
	transition-duration:.5s;
}
.mitsuPB-box:hover .goldP-3,.mitsuPB-box:hover .goldP-3a{
	color:#fff;
	transition-duration:.5s;
}

.mitsuPB-box:hover .planName-box1{
	background:rgba(0,162,255,1);
}

.mitsuPB-box:hover .planName-box2{
	background:rgba(96,217,55,1);
}

.mitsuPB-box:hover .planName-box3{
	background:rgba(255,215,0,1);
}

.mitsuPB-box:hover .estimateStart-box,.mitsuPB-box:hover .estimateStart-box2{
	background:transparent;
	color:red;
	transition-duration:.4s;
}
				
.planExcerpt-box,
.planExcerpt-box2{
	color:#333;
}

.mitsuPB-box:hover .pconce.kakuyasu-2{
	background:#fff;
	color:rgba(0,162,255,1);
	font-weight:600;
	transition-duration:.5s;
}

.mitsuPB-box:hover .pconce.anshinSP-2{
	background:#fff;
	color:rgba(96,217,55,1);
	font-weight:600;
	transition-duration:.5s;
}

.mitsuPB-box:hover .pconce.goldP-2{
	background:#fff;
	color:rgba(255,215,0,1);
	font-weight:600;
	transition-duration:.5s;
}
				
p.chushakuTXT{
	font-size:.6em;
	color:#ccc;
}
				
/* バス車種の新しいページ */				
				
#buslist_container{
	background: #fff;
	max-width: 800px;
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.buslistbox{
	margin-top: 50px;
	padding-bottom: 10px;
	background-color: #fff;
	width: calc((99.99% - 10px * 2 * 2) / 2);
	margin: 1em auto;
  border:1px solid #555;
}
@media screen and (max-width: 600px){
	.buslistbox{
		width:45%;
	}
}

p.buslist_title{
  font-size:1.35em;
	background:#fff;
	border-bottom:1px solid #ccc;
	color:#555;
	margin:0 .4em 1em;
	text-align:center;
	line-height:2em;
	font-weight:400;
}
p.buslist_title::before{
	content:"\f0a9";
	font-weight:700;
	font-family: "Font Awesome 5 Free";
	margin-right:.3em;
}

.buslist-img{
	text-align:center;
}
.buslist-img img{
	width:100%;
}
.buslist-img a:hover{
	opacity:.6;
	transition-duration:.5s;
}
p.buslist{
	padding:.4em .8em;
	margin:0;
	font-size:.9em;
	font-weight:500;
	color:#666;
}

.center-100{
	width:100%;
	text-align:center;
}

.btn-square0521 {
	position: relative;
	display: inline-block;
	padding: 0.25em 0.5em;
	margin:.2em .3em;	
	text-decoration: none;
	color: #FFF;
	background: #fd9535;/*背景色*/
	border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: 600;
}
.btn-square0521::before{
	content:"\f101";
	font-weight:700;
	font-family: "Font Awesome 5 Free";
	margin-right:.3em;
}

.btn-square0521:hover{
	color:#444;
}
.btn-square0521:active {
	border-bottom: solid 2px #fd9535;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
				
/*******    見積りプラン説明   **********/
.estplanbox{
	width:100%;
	background:#f5f5f5;
	margin-top:20px;
}
p.estplantitle{
	font-size:1.5em;
	background:rgba(0,162,255,1);
	color:#fff;
	margin-bottom:.5em;
	padding-left:.5em;
}
p.estplantitle2{
	font-size:1.5em;
	background:rgba(96,217,55,1);
	color:#fff;
	margin-bottom:.5em;
	padding-left:.5em;
}
p.estplantitle span,
p.estplantitle2 span{
	font-size:.4em;
	margin-left:2%;
}
p.estplantokucho{
	background:#AAFFFF;
	padding-left:1em;
}
p.estplantokucho2{
	background:#AEFFBD;
	padding-left:1em;
}
.estplanexcepbox{
	display:flex;
	flex-direction:row;
}
.nosqbox{
	width:50px;
	background:rgba(0,162,255,1);
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	margin:0 .3em;
	font-weight:bold;
	font-size:1.5em;
}
.nosqbox2{
	width:50px;
	background:rgba(96,217,55,1);
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	margin:0 .3em;
	font-weight:bold;
	font-size:1.5em;
}
.estplantext{
	width:85%;
}
.estplantext{
	margin-top:0;
}
.estplantext p{
	margin-top:0;
	margin-bottom:.5em;
	line-height: 1.3em;
}
p.estplantext span{
	color:#666;
	font-size:9px;
	line-height:1;
}
p.textbold{
	font-weight:600;
	font-size:1.1em;
}
p.estplantext{
	font-size:.7em;
}
				
				
				
/*******    縦書き   **********/	
/*******    縦書き   **********/
/*******    縦書き   **********/
.flexbox12345{
	display:flex;
	max-width:1024px;
	width:100%;
	margin:auto;
	flex-direction:row;
	flex-wrap:wrap;
}

.textbox12345 {
	width:calc((99.99% - 5px * 2 * 3) / 3);
	writing-mode: vertical-rl;
	height:200px;
	border:solid 1px ;
	padding:1em;
	background:#B0C4DE;
	margin:0 5px;
	box-sizing:border-box;
}

p.box-title12345{
	text-align:center;
	font-size:1.6em;
	margin-left:0;
	margin-right:0;
	font-weight:600;
	border-left:solid 1px;
	padding-left:.5em;
	background:#fff;
}
p.vertical{
	border-left:solid 1px;
	color:#555;
	background:#fff;
	padding:.5em .2em;
}
.vertical {
	text-orientation: upright;
}
.vertical__part {
	text-orientation: upright;
}
ul.boxlist{
	background:#fff;
	padding:1em;
}
ul.boxlist li{
	margin-top: 1em;
	font-size:.8em;
}

				
/*******    kokochigau   **********/	
p.kokochihead{
	font-size:1.2em;
	font-weight:700;
	margin-bottom:.2em;
	text-align:center;
	padding: 0 .5em;
}
@media screen and (max-width: 550px){
	p.kokochihead{
		font-size:.8em;
	}
}
@media screen and (max-width: 360px){
	p.kokochihead{
		font-size:.7em;
	}
}

p.kokochihead span{
  font-size:1.1em;
  font-weight:800;
  color:orange;
}
					
.kokochibox{
	display:flex;
	/*margin-bottom:1em;*/
	background:#2C7CFF;
	max-width:1024px;
	width:100%;
}
.kokochi-L{
	writing-mode: vertical-rl;
	margin:0.3em;
	background:#005FFF;
	width:100px;
	white-space: nowrap;
	text-align:center;
	border-radius:10px;
}
p.vertical-text{
	text-align:center;
	font-size:2em;
	color:#FFFF00;
	/*margin:.5em 1em;*/
	font-weight:700;
	left: 50%;
	transform: translate(-65%, 0);
}
@media screen and (max-width: 768px){
	p.vertical-text{
		left: 40%;
		transform: translate(-60%, 0);
	}
}
@media screen and (max-width: 640px){
	p.vertical-text{
		left: 30%;
		transform: translate(-40%, 0);
	}
}
@media screen and (max-width: 480px){
	p.vertical-text{
		left: 20%;
		transform: translate(-30%, 0);
	}
}
@media screen and (max-width: 400px){
	p.vertical-text{
		left: 20%;
		transform: translate(-40%, 0);
	}
}
.kokochi-R{
	width:90%;
}	
.kokochi-R-U{
	background:#2C7CFF;
	padding:.2em;
	margin:0;
}
.kokochi-R-U p{
	font-size:1.2em;
	color:#fff;
	margin:0;
}
.kokochi-R-U p span{
	font-size:1.4em;
}

.kokochi-R-B ul{
	background:#fff;
	width:98%;
	margin:.4em auto;
	border-radius:6px;
}
.kokochi-R-B ul li{
	margin-left:1em;
	list-style: disc;
	list-style-position: inside;
}
@media screen and (max-width: 600px){
	.kokochi-R-U p{
		font-size:.9em;
	}
	.kokochi-R-B ul{
		font-size:.7em;
	}
}
  
  
.kokochibox2{
	display:flex;
	background:#2C7CFF;
	/*margin-bottom:1em;*/
	flex-direction:row-reverse;
	max-width:1024px;
	width:100%;
}
.kokochi-R2{
	order:1;
	writing-mode: vertical-rl;
	margin:0.3em;
	background:#005FFF;
	width:100px;
	white-space: nowrap;
	text-align:center;
	border-radius:10px;
}
.kokochi-L2{
	order:2;
	width:90%;
}
.kokochi-L2-U{
	background:#2C7CFF;
	padding:.2em;
	margin:0;
}
.kokochi-L2-U p{
	font-size:1.2em;
	color:#fff;
	margin:0;
	margin-left:.5em;
}
.kokochi-L2-U p span{
	font-size:1.4em;
}
.kokochi-L2-B{

}
.kokochi-L2-B ul{
	background:#fff;
	width:98%;
	margin:.4em;
	border-radius:6px;
}
.kokochi-L2-B ul li{
	margin-left:1em;
	list-style: disc;
    list-style-position: inside;
}
@media screen and (max-width: 600px){
	.kokochi-L2-U p{
		font-size:.9em;
	}
	.kokochi-L2-B ul{
		font-size:.7em;
	}
}
					
					
.gotohojo{
}	
#coupon_table {
    width: 100%;
    background: #e5e5e5;
	text-align: center;
	font-size: 1.1rem;
	margin-bottom:0;
}

.gotohojo table {
    display: table;
	border-collapse: separate;
	box-sizing: border-box;
	border-spacing: 2px;
	border-color: grey;
}
#coupon_table .hojogaku th {
	background: #ffe3e6;
	font-weight: bold;
}
tr {
	display: table-row;
	vertical-align: inherit;
    border-color: inherit;
}
#coupon_table tr:nth-child(n+2) th, .coupon_table tr:nth-child(n+2) td {
	border-top: 1px solid #fff;
}
#coupon_table th.items {
	background: #fff;
	color: #333;
}
#coupon_table th {
    padding: 10px 0;
	text-align: center;
	font-weight:bold;
}
#coupon_table thead th:nth-child(even) {
	background: #d2d2d2;
	font-weight:bold;
}
#coupon_table td:nth-of-type(3) {
    background: #d2d2d2;
}

#coupon_table td:nth-of-type(1) {
    background: #d2d2d2;
}
#coupon_table .hojogaku td {
    background: #cc0d21;
    font-weight: bold;
    color: #fff;
}
p.gotomini{
	font-size:10px;
	text-align:right;
	margin-left:1em;
}			

					
.event-end {
	margin: 30px auto;
	padding: 30px;
    width: 100%;
    max-width: 600px;
	color: #fff;
	background-color: #f33;
}
					
.box0714 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    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);
}

span.capbox{
	background:red;
	padding:.2em .5em;
	color:#fff;
	font-size:.8em;
	margin-top:1em;
	display:inline-block;
}
span.gotomini{
	font-size:10px;
	color:#555;
}
									
.p-map {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
}
.p-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
					}
/********************バス会社紹介*************************/
					
.container0717a{
	text-align:center;
}
h4.bcompa{
	font-size:2em;
	margin-bottom:0;
}
p.captionpa{
	margin-top:0;
}
.block0717a{
	margin:0 auto;
	max-width:600px;
	margin-bottom:1em;
	font-size:1em;
	position:relative;
}
.block0717a img{
	width:100%;
}
.chushaku0717a{
	position:absolute;
	bottom:20px;
	right:0;
	font-size:.8em;
}
.block0730b{
	margin:0 auto;
	max-width:600px;
	margin-bottom:1em;
	font-size:1em;
	padding:.5em;
	text-align:left;
	box-sizing:border-box;
}
.block0717ta{
	margin:0 auto;
	max-width:600px;
	border:1px solid #ccc;
	margin-bottom:1em;
	font-size:1em;
	padding:.5em;
	text-align:left;
	box-sizing:border-box;
}
.block0717ha{
	margin:0 auto;
	text-align:right;
	max-width:600px;
	height: 150px;
	margin-bottom:1em;
	position:relative;
}
.block0717ba{
	position:absolute;
	top:0;
	right:0;
	max-width:310px;
	padding:.5em;
	border:1px solid #ccc;
	font-size:.8em;
}
.block0717ba p{
	margin:.5em;
}
.block0717ba img{
	width:100%;
}

					
					
/********************GOTOキャンペーン*************************/
h2.gotocan{
	font-size:2rem;
	font-weight:100;
	background-color:#0484c8;
	color:white;
	margin:0;
	padding:0 15px;
}

h2.gotocan::before {
    content: "";
    margin: .2em .2em .2em 0;
    display: inline-block;
    background-image: url(https://www.kashi-bus.net/wp-content/uploads/2020/08/yoko_white.png);
    background-size: contain;
    vertical-align: middle;
    width: 350px;
    height: 40px;
    background-repeat: no-repeat;

}

.container0726{
  text-align:center;
}
.container0726 h4.bcomp{
  font-size:2em;
	margin-bottom:20px!important;
	margin-top:1em;
	max-width:800px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	background:#0055ff;
	color:#fefefe!important;
	font-family:'M PLUS Rounded 1c', sans-serif;
	border-radius:8px;
	padding:20px;
}
p.captionp{
  margin-top:0;
}
.block0717{
  margin:0 auto;
  max-width:1024px;
  margin-bottom:1em;
  font-size:1em;
  position:relative;
}
.block0717 img{
  width:100%;
}
.block0726{
  margin:0 auto;
  max-width:1024px;
  /*margin-bottom:1em;*/
  font-size:1em;
  position:relative;
  background:#FFFFDD;
  padding:1em;
  box-sizing:border-box;
}
.block0726 h2{
	text-align:center;
	border:none;
	font-size:1.5em;
}
@media screen and (max-width: 640px){
	.block0726 h2{
		font-size: 1.2em;
    letter-spacing: -.05rem;
	}
}
					
.block0726 p{
	max-width:800px;
	text-align:left;
	margin:auto;
	padding:1em;
	box-sizing:border-box;
}
.block0911{
  margin:0 auto;
  max-width:1024px;
  margin-bottom:1em;
  font-size:1em;
  position:relative;
  background:#FFFFDD;
	box-sizing:border-box;
	height:200px;
	overflow-y:scroll;
}

span.date0911koushin{
	color:#0055FF;
	font-weight:700;
}



.block0727{
	margin:0 auto;
	/*max-width:800px;*/
	margin-bottom:1em;
	font-size:1em;
	position:relative;
	padding:1em;
	box-sizing:border-box;
}
.block0727 h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
}

.block0727 h3.moji0824{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
	font-size:1.3em;
	border:none;
}

.block0915BG{
	background:#f1f1f1;
}

.block0727 h3.moji0823{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
	font-size:18px;
}			
.block0727 h3.green{
	text-align:center;
	border:none;
	font-size:1.5em;
	color:green;
	font-weight:black;
	letter-spacing:-2.5px;
}
					
.txt-c1{
	color:#005FFF;
	font-weight:bold;
	font-size:1.3em!important;
	margin-bottom:0!important;
}
.block0728{
  display:flex;
}
p.btn0728{
  width:calc((99.99% - 10px * 2 * 2) / 2);
	margin:10px;
	border:3px solid #0000CD;
	border-radius:16px;
	font-weight:bold;
	display:inline-block;
}
p.btn0728 a{
	text-decoration:none;
	color:#fff;
	background:#005FFF;
	display: block;
	padding:1em;
	transition:0.7s;
}
p.btn0728 a:hover{
	color:#005FFF;
	background:#fff;
	transition:0.5s;
}

	
}
a.daen:hover{
  color:#fff;
  border:solid 4px #005FFF;
  background:#005FFF;
  transition:0.5s;
}


.block0728-cols{
  width:calc((99.99% - 10px * 2 * 2) / 2);
  margin:10px;
}
.block-clear-0728{
  display:block;
  width:100%;
}
.chushaku0717{
  position:absolute;
  bottom:20px;
  right:0;
  font-size:.8em;
}
.block0717t{
  margin:0 auto;
  max-width:800px;
  border:1px solid #fff;
  margin-bottom:1em;
  font-size:1em;
  padding:.5em;
  text-align:left;
  box-sizing:border-box;
  border-radius:8px;
  background:#fff;
					}
.block0717t.BG0731{
	background:transparent;
	border: none;
}

.taishogai{
	margin-bottom:.5em!important;
}
.taishogai::before{
	content:"";
	display: inline-block;
	width: 14px;/*画像の幅*/
	height: 14px;/*画像の高さ*/
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/08/batsu.png);
	background-size: contain;
	margin-right:5px;
}
.block0717t h3{
  border-bottom:1px solid #000;
  display:inline-block;
	padding-right:20px;
	border:none;
}

.block0717t h3.title{
  border-bottom:1px solid #000;
display:block;
	padding-right:20px;
	border:none;
	background: linear-gradient(90deg, rgba(31,105,214,1) 0%, rgba(0,198,255,1) 100%);
    padding: 20px;
    color: #fefefe;
    border-radius: 8px;
}

.taisho{
	margin-bottom:.5em!important;
}
.taisho::before{
	content:"";
	display: inline-block;
	width: 14px;/*画像の幅*/
	height: 14px;/*画像の高さ*/
	background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/08/maru.png);
	background-size: contain;
	margin-right:5px;
}
.block0717t h3{
	border-bottom:1px solid #000;
	display:inline-block;
	padding-right:20px;
	border:none;
}
.block0717t h3.junshu{
	text-align:center;
	color:#005FFF;
	display:block;
	border:none;
}
					
.block0717h{
	margin:0 auto;
	text-align:right;
	max-width:600px;
	margin-bottom:1em;
	position:relative;
}
.block0717b{
	position:absolute;
	top:0;
	right:0;
	max-width:310px;
	padding:.5em;
	border:1px solid #ccc;
	font-size:.8em;
}
.block0717b p{
	margin:.5em;
}
.block0717b img{
	width:100%;
}

.label0728{
	background:#FF4500;
	color:#fff;
	display:inline-block;
	font-weight:bold;
	padding:10px 1em;
	border-radius:10px;
	margin-bottom:0px;
}
.label0728b{
	background:#4169E1;
	color:#fff;
	display:inline-block;
	font-weight:bold;
	padding:10px 1em;
	border-radius:10px;
	margin-bottom:0px;
	margin-right:;10px;
	margin-left:10px;
}

@media screen and (max-width: 480px){
	.block0728{
		flex-direction:column;
		margin:auto;
	}
	p.btn0728{
		width:80%;
		margin: 10px auto;
	}
	.block0728-cols{
		width:90%;
	}
  .block0728-cols{
    width:90%;
		text-align:center;
	}
  .block0728-cols p{
    text-align:left;
	}
	.container0726 h4.bcomp{
		font-size:1.4em!important;
		margin-bottom:0;
	}
}

span.bigt0728{
	font-weight:bold;
	color:#005FFF;
}
.btn0728center{
	text-align:center;
}
p.btn0728big{
	width:80%;
	margin:10px auto;

	border:3px solid #FF4F50;
	border-radius:16px;
	font-weight:bold;
	display:inline-block;
	text-align:center;
	background:#FF4F50;
}
p.btn0728big a{
	text-decoration:none;
	color:#fff;
	display: block;
	padding:1em;
}
p.btn0728big:hover{
	background:#FFE4E1;
	color:#FF4F50;
}
p.btn0728big a:hover{
	color:#FF4F50;
}
.block0728aa{
	margin:0 auto;
	max-width:1024px;
	font-size:1em;
	position:relative;
	background:#FFD5EC;
	padding:1em;
	box-sizing:border-box;
}
.block0731{
	margin:0 auto;
	max-width:1024px;
	margin-bottom:1em;
	font-size:1em;
	position:relative;
	background: #EEEEEE;
    border: 1px solid #ccc;
	padding:1em;
	box-sizing:border-box;
}
.oshirasebox-0731{
	background:#fff;
	margin:auto;
	padding:.5em;
}
span.updatelabel{
	background:#0000CD;
	color:#fff;
	margin-right:5px;
	border-radius:5px;
	font-size:.9em;
	padding:3px 8px 2px 8px;
	line-height:1.8;
}
.block0801{
	margin:0 auto;
	max-width:1024px;
	margin-bottom:1em;
	font-size:1em;
	position:relative;
	background: #EEEEEE;
	box-sizing:border-box;
}
.block0801 h3{
	border:none;
	text-align:center;
	font-size:1.5em;
}

@media screen and (max-width: 400px){
	.block0801 h3{
		font-size:1.4em;
	}
}
					
.waribikicontainer{
	display:flex;
	background:#f5f5f5;
	border-radius:10px;
}
.waribikicontainer2{
	display:flex;
	background:#f5f5f5;
	border-radius:10px;
}
.waribikipricebox {
	margin: 10px;
	text-align: center;
	width:calc((99.99% - 10px * 2 * 2) / 2);
}
.waribikipricebox {
	margin: 10px;
	text-align: center;
	width:calc((99.99% - 10px * 2 * 2) / 2);
}
.waribikibox-top {
	background: #1E90FF;
	color: #fefefe;
	padding:5px;
	margin-bottom:10px;
}
.waribikibox-top p{
	margin-bottom:0;
}
.waribikibox-midL-top {
	background: yellow;
	box-sizing:border-box;
	border:2px dotted #555;
}
.waribikibox-midL-top p {
	margin: 0;
}
.waribikibox-midL-top2 {
	background: #BAD3FF;
	font-size: 0.7em;
	margin-top: 10px;
	color: #222;
}
.waribikibox-midL-top2 p {
	margin: 0;
}
.waribikibox-mid-wrap {
	display: flex;
}
.waribikibox-midL {
	width: 65%;
	margin-right: 10px;
}
.waribikibox-midL-mid-wrap {
  display: flex;
}
.waribikibox-midL-mid-L {
  background: #008BBB;
  color: white;
  width: 50%;
}
.waribikibox-midL-mid-R {
  background: #FF6347;
  color: white;
  width: 50%;
}
span.waribiki-text-kakko {
  font-size: 0.8em;
}
.waribikibox-midR {
	background: #228B22;
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color:#fff;
	box-sizing:border-box;
	border:2px dotted #fff;
}
.waribikibox-midR p {
  vertical-align: bottom;
  display: inline-block;
}
.waribikibox-low {
  border: 4px dotted #000;
  padding: 0.5em;
  margin-top: 10px;
  text-align: left;
  margin-bottom:20px;
}
.waribikibox-low p {
}
span.price{
  font-size:1.1em;
  font-weight:bold;
}
span.kome{
	font-size:.7em;
	color:red;
}
.waribiki-shikaku{
  border:3px solid #EEEEEE;
  margin-top:1em;
  padding:1em 2em;
  background:#fff;
}
@media screen and (max-width: 680px){
	.waribikicontainer,
	.waribikicontainer2{
		flex-direction:column;
		padding:10px;
	}
	.waribikipricebox{
		width:100%;
		margin:auto;
	}
}



.block0902{
  display:flex;
}
p.btn0902{
  width:calc((99.99% - 10px * 2 * 2) / 2);
	margin:10px;
	border:3px solid #DC143C;
	border-radius:16px;
	font-weight:bold;
	display:inline-block;
}
p.btn0902 a{
	text-decoration:none;
	color:#fff;
	display: block;
	padding:1em;
	text-align:center;
	background:#DC143C;
	transition:.7s;
}
p.btn0902 a:hover{
	color:#DC143C;
	background:#fff;
	transition.5s;
}

@media screen and (max-width: 480px){
	.block0902{
		flex-direction:column;
		margin:auto;
	}
	p.btn0902{
		width:80%;
		margin: 10px auto;
	}
}

.block0728aa h4.goto-use0902{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
	background:#00008B;
	color:#fff;
	padding:.5em;
}

dl.yadolist{
width:98%;
  margin:auto;
list-style:none;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
border-radius:5px;
background:url(dtについている色を画像で指定) repeat-y left top;
overflow:auto;
  display:flex;
  flex-wrap:wrap;
}

dl.yadolist dt{
  flex-basis:100%;
  background:#F0F8FF;
    padding:0 1em;
  box-sizing:border-box;
    font-family:monospace;
  padding:.5em;
  font-weight:bold;
}

dd.mini10{
  width:20%;
  margin:0;
  box-sizing:border-box;
    font-family:monospace;
  padding:.5em;
}
dd.mini90{
  width:80%;
  margin:0;
  padding:.5em;
  box-sizing:border-box;
  font-family:monospace;
}
dd.mini10 p{
  margin:0;
}

dl.yadolist a{
	color:#000;
	text-decoration:none;
}
dl.yadolist a:hover{
	text-decoration:underline;
}
	
@media screen and (max-width: 400px){
dl.yadolist dt{
		width:100%;
	}
	dd.mini10{
		width:100%;
	}
  dd.mini90{
		width:100%;
	}
  dd.mini10 p br{
    display:none;
  }
}

/****************コロナ診断見舞金****************************/

.mimai-box{
  max-width:1024px;
  margin:0;
  padding:20px 0px 30px 0px;

}
.mimai-section{
  max-width:800px;
  margin:0 auto;
  padding:0px 10px 20px 10px;
	background:#fff;
}
h2.mimaikin{
  font-size:2rem;
  font-weight:800;
  color:red;
	text-align:center;
	border:none;
}

h3.fukidashi0812{
  font-size:1.3rem;
  text-align:center;
  background:#ccc;
  margin:0 auto;
	padding:5px;
	border:none;
}
p.mimaikin{
  font-size:2em;
  font-weight:800;
}
.mimai-section p{
  padding:0 10px;
}

.arrow_box {
	position: relative;
	background: #c7c7c7;
	overflow: visible;
	margin-bottom:1.6rem;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(199, 199, 199, 0);
	border-top-color: #c7c7c7;
	border-width: 20px;
	margin-left: -20px;
}
p.shasen{
	position: relative;
	padding: 0.6em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	border-radius: 7px;
	text-align:center;
	color:blue;
	margin-top:1.5em;
}

@media screen and (max-width: 480px){
  h2.mimaikin{
    font-size:1.5rem;
  }
  h3.fukidashi0812{
    font-size:1.1rem;
  }
  p.mimaikin{
    font-size:1.3rem;
  }
}


					
/****************csボックス****************************/
					
.csvoix0731{
  margin:0;
  background:#FFE4E1;
						padding:.5em 1em;
	margin-top:1.5em;
	margin-bottom:1.5em;
}
.csvoix0731 h4{
  font-weight:400;
  font-size:1.5rem;
  margin:0;
						text-align:center;
						margin-bottom:10px;
}
.csvoix0731 h4::before{
  content:"";
  display: inline-block;
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  background-image:url(https://www.kashi-bus.net/wp-content/uploads/2020/07/fukidashi1.png);
  background-size: contain;
  margin-right:5px;
}
p.csvoice0731{
  background:#fff;
	padding:1em;
	margin-bottom: .5em;
	font-size:.8em;
}
p.csvoice0731 span{
  font-weight:500;
  color:#5507FF;
}
.block0810 {
    margin: 0 auto;
    max-width: 800px;
    margin-bottom: 1em;
    font-size: 1em;
    position: relative;
    padding: 1em;
    box-sizing: border-box;
					}
.block0810 h2{
	text-align: center;
    border: none;
}
.block0810 h2.green{
	color:green;
	font-weight:black;
}


					
/****************料金ページ****************************/

.ryoukin-container{
  max-width:800px;
  width:100%;
  margin:0 auto;
  background:#fff;
  /*padding:.5rem 1.2rem;*/
  box-sizing:border-box;
}
.ryoukin-container h2{
  border:none;
}
.ryoukin-flex-box0813{
  display:flex;
  flex-wrap:wrap;
  border:3px dotted #ccc;
  background:#FFF0F5;
}
.ryoukin-flex-block100{
  width:100%;
  text-align:center;
  position:relative;
}
.ryoukin-flex-block100 h3{
  font-size:1.5rem;
}
.ryoukin-flex-block{
  width: calc((99.99% - 10px * 2 * 2) / 2);
  margin: 0 10px 10px 10px;
  border:1px solid #f7f7f7;
  box-sizing:border-box;
  padding:.2em 1em;
  background:#fff;
}
@media (max-width: 480px) {
  .ryoukin-flex-block{
    width:100%;
  }
}

.ryoukin-flex-block h3{
	border:none;
}
h4.fukidashi0813{
  font-size:1.5em;
}
.fukidashi0813 {
	position: relative;
	background: #fff;
	border: 4px solid #c2e1f5;
  display:inline-block;
  padding:.3em 1.5em;
	border-radius:18px;
	overflow:visible;
	margin-bottom:10px;
}
.fukidashi0813:after, .fukidashi0813:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.fukidashi0813:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 14px;
	margin-left: -14px;
}

.fukidashi0813:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 20px;
	margin-left: -20px;
}
.block100{
  margin:0 10px 20px 10px;
	background:#fff;
	padding:.5em;
}
.block100 h3{
	font-size:1.2rem;
	border:none;
}
p.komemoji0814{
  font-size:12px;
  color:blue;
}
.borderGreen{
	border:5px solid Green;
}
	
.borderRed{
	border:5px solid red;
}
.borderBlue{
	border:5px solid Blue;
}

.ryoukin0813{
  border-bottom:1px solid #ccc;
}
.sen-nasi{
  border-bottom:none;
}
.ryoukin0813 h3{
	border:none;
	position: relative;/*相対位置*/
  padding-left: 1.5em;/*アイコン分のスペース*/
	line-height: 1.5;/*行高*/
	color:#000;
}
	
.ryoukin0813 img{
	width:100%;
}
.ryoukin0813 h3::before{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f111";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.34em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: -0.2em;/*アイコンの位置*/
}
.colorball0817::before{
	color: #FF4F02;
}

p.Ubib-letter{
	margin: 16px 0;
  font-weight:740;
	text-align: center;
	font-size: 16px; //最小値
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
@media (min-width: 480px) {
  p.Ubib-letter{
    font-size: calc(16px + ((1vw - 4.8px)*1.2));
  }
}
@media (min-width: 1650px) {
  p.Ubib-letter{
    font-size: 30px; //最大値
  }
}


p.hasen0813{
  border:dotted 4px red;
  font-size:.8rem;
  padding:.3em 1em;
  text-align:center;
}

p.inset-tblock{
  border:3px inset #ccc;
  line-height:2.5;
  padding:.5em;
  background:#f7f7f7;
  margin-left:1em;
  margin-right:1em;
  margin-top:0;
  color:blue;
}
.aling-center-box2{
	text-align:center;
	margin-bottom:1em;
}
.aling-center-box{
  text-align:center;
	margin-bottom:1em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}
.aling-center-box h4{
  margin-top:1.5em;
  margin-bottom:10px;
	font-size:1.5em;
	color:#555;
}
@media (max-width: 480px) {
  .aling-center-box h4{
    font-size: 1.05em;
    margin-bottom:5px;
  }
}

a.daen{
  border:solid 4px #000;
  border-radius:18px;
  padding:1em;
  display:inline-block;
  font-weight:750;
  color:#005FFF;
	text-decoration:none;
	margin-bottom:15px;
	background:#fff;
	transition:0.7s;
}
a.daen:hover{
  color:#fff;
  border:solid 4px #005FFF;
  background:#005FFF;
  transition:0.5s;
}

a.daen2{
  border:solid 4px #005FFF;
  border-radius:18px;
  padding:1em;
  display:inline-block;
  font-weight:750;
  color:#fff;
	text-decoration:none;
	margin-bottom:15px;
	background:#005FFF;
	transition:0.7s;
}
a.daen2:hover{
  color:#005FFF;
  border:solid 4px #005FFF;
  background:#fff;
  transition:0.5s;
}

a.daen2a{
  border:solid 4px #00DD00;
  border-radius:18px;
  padding:1em;
  display:inline-block;
  font-weight:750;
  color:#fff;
	text-decoration:none;
	margin-bottom:15px;
	background:#00DD00;
	transition:0.7s;
	width:80%;
}
a.daen2a:hover{
  color:#00DD00;
  border:solid 4px #00DD00;
  background:#fff;
  transition:0.5s;
}

a.daen3{
  border:solid 4px #005FFF;
  border-radius:18px;
  padding:1em;
  display:inline-block;
  font-weight:750;
  color:#fff;
	text-decoration:none;
	margin-bottom:15px;
	background:#005FFF;
	transition:0.7s;
}
a.daen3:hover{
  color:#005FFF;
  background:#fff;
  transition:0.5s;
}


a.daen0828{
	font-weight: 600;
    background: #00DD00;
    padding: 1em;
    color: #fff;
    border-radius: 15px;
    display: block;
    /*width: 80%;*/
	margin: 1em auto;
	transition:0.7s;
	border:solid 4px #00DD00;
}
a.daen0828:hover{
	transition:0.4s;
	background:#fff;
	color:#00DD00;
}

h2.ryokin0826{
	color:#fff;
	background:#6495ED;
	margin:.5em 0;
	padding:.5em;
	border-radius:10px;
	border:none;
}
h4.ryokin0826{
	color:#444;
	font-weight:800;
	font-family:'M PLUS Rounded 1c',sans-serif;
	font-size:1rem;
	margin:0.3em 0;
	position:relative;
	padding-left:20px;
}

h4.ryokin0826::before{
	font-family:"Font Awesome 5 Free";
	content:"\f00c";
	font-weight:900;
	color:#00FF00;
	margin-right:10px;
	position:absolute;
	left:0;
	z-index:999;
}
	h4.ryokin0826::after{
	font-family:"Font Awesome 5 Free";
	content:"\f0c8";
	font-weight:900;
	color:#555;
	margin-right:10px;
	position:absolute;
	left:0;
	z-index:1;
	top:0;
}
	
.width480-0819{
	max-width:500px!important;
	padding:0!important;
	width:100%!important;
	margin:auto!important;
}
.width480-0819 p{
	color:#005FFF;
	margin-top:1em;
	font-size:.9em;
}

.width480-0120{
	padding:0!important;
	width:100%!important;
	margin:auto!important;
}
.width480-0120 p{
	color:#005FFF;
	margin-top:1em;
	font-size:.9em;
}



p.chushaku0819{
	font-size:80%;
	color:#666;
	font-weight:700;
    border-bottom: 1px dotted #666;
}
.center-0819{
	text-align:center;
}

.gotostripe1{
	width:100%;
	/*max-width:800px;*/
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	padding: 10px;
	background: repeating-linear-gradient(45deg, #4f4f4f, #4f4f4f 10px, #000000 10px, #000000 20px);
	margin-bottom:2em;
	background:red;
}
.gotostripe1 p{
	color:#fff;
	font-weight:800;
	font-size:1.1em;
	display:inline-block;
	margin-bottom:0;
}

.gotostripe1 a{
	color:#fff;
	font-weight:700;
	text-decoration:none;
	display:inline-block;
	margin: 0 15px 0 0;
    border: 2px solid #fff;
	padding: .2em .5em;
	cursor:pointer;
}
.gotostripe1 a:hover{
	text-decoration:underline;
	background:#000;
}

p.gotostripe2{
	margin-bottom:0;
	font-weight:bold;
	color:;
	background:#f5f5f5;
}

p.simu0821{
	margin:0 auto;
	font-size:80%;
	color:#0000CD;
	font-weight:700;
}

p.captionp0820{
	font-size:80%;
	padding:0 .5em;
	margin-bottom:1em;
}
/********************CFF**********************/
.dfield{
	font-size:16px;
}



/********************アコーディオン**********************/

.menu0819{
  width:100%!important;
  max-width:800px!important;
  margin:auto!important;
}
.menu0819 label {
    display: block;
    margin: 0 0 4px 0;
    padding : 15px;
    line-height: 1;
    color :#4169E1;
  font-weight:600;
    background :#fff;
  border-bottom:1px solid #4169E1;
    cursor :pointer;
}
input.accordion {
    display: none;
}
.menu0819 ul {
    margin: 0;
    padding: 0 1em;
    background :#f4f4f4;
}

.menu0819 li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#type1:checked ~ #links1 li,
#type2:checked ~ #links2 li,
#type3:checked ~ #links3 li{
    height: 25px;
    opacity: 1;
  font-size:11px;
  padding:1em;
  font-weight:600;
  color:#666;
}

.goto-form-head{
	font-weight:900;
	margin:1em;
	border-left: 8px solid orange;
    padding-left: 10px;
}

.blackfont0819{
	color:#000!important;
	font-weight:800;
}








/******************************アコーディオン2**************************************/
.width480-0820{
	max-width:800px!important;
	padding:0!important;
	width:100%!important;
	margin:auto!important;
}
.width480-0820 p{
	color:#005FFF;
	margin-top:1em;
	font-size:.9em;
}
.width480-0820 p.tyushaku{
	color:#777;
	font-weight:600;
	margin-top:1em;
	margin-bottom:0;
	font-size:60%;
	text-align:right;
}
.accordion-container {
  position: relative;
  width: 100%;
  border: 1px solid #0079c1;
	border-top: none;
	outline: 0;
	cursor: pointer;
	box-sizing:border-box;
}

.accordion-container .accordion-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.625em 0.625em 0.625em 2em;
  font-size: 1.25em;
  font-weight: normal;
  color: #fff;
  background: #000;
  cursor: pointer;
}
.ac-blue{
  background:rgba(0,162,255,1)!important;
}
.ac-green{
  background:rgba(96,217,55,1)!important;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  background-color: #00aaa7;
  color: white;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.accordion-title{
  position: relative;
}

.accordion-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
	display: none;
	padding-top:10px;
  padding-left: 2.3125em;
}



/******************************アコーディオン3**************************************/

.transition, p,.aco-container ul li i:before,.aco-container ul li i:after {
  transition: all 0.25s ease-in-out;
}

.flipIn, h1,.aco-container ul li {
  animation: flipdown 0.5s ease both;
}

.no-select, h2 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.aco-container {
  min-height: 0;
  display: inline-block;
  position: relative;
  left: 50%;
  /*margin: 90px 0;*/
  transform: translate(-50%, 0);
  box-shadow: 0 5px 0 0 #ff6873 inset;
  background-color: #f5f5f5;
  max-width: 900px;
	padding: 30px;
	padding-top:0;
	margin-top:10px;
}

.aco-container h2,
.aco-container h3 {
	color: #ff6873;
	border:none;
}

.aco-container h2 {
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 42px;
  letter-spacing: 0px;
	font-weight: 900;
	margin:5px;
}

.aco-container h3 {
  font-size: 1.1em;
  font-weight:600;
  line-height: 34px;
  font-weight: 300;
  letter-spacing: 0;
  display: block;
  background-color: #f5f5f5;
  margin: 0;
  cursor: pointer;
}

.aco-container p {
  color: rgba(48, 69, 92, 0.8);
  font-size: 80%;
  font-weight:600;
  line-height: 26px;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
	z-index: 2;
	margin-bottom:0!important;
}

.aco-container ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.aco-container ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 18px;
  border-top: 1px dotted #dce7eb;
}
.aco-container ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.aco-container ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.aco-container ul li:nth-of-type(3) {
  animation-delay: 1s;
}
.aco-container ul li:last-of-type {
  padding-bottom: 0;
}
.aco-container ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 1px;
}
.aco-container ul li i:before, 
.aco-container ul li i:after {
  content: "";
  position: absolute;
  background-color: #ff6873;
  width: 3px;
  height: 9px;
}
.aco-container ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.aco-container ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.aco-container ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.aco-container ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.aco-container ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.aco-container ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

p.koutei-rei{
	font-size:80%;
	color:#666;
	font-weight:600;
}

@media screen and (max-width: 480px) {
	p.koutei-rei{
		font-size:70%;
	}
}





/******************************go to flow**************************************/

h2.gotoflow0822{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	border:none;
	text-align:center!important;
}
h5.gotoflow0822{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:center!important;
	font-size:16px;
}

.arrow_box0821,
.arrow_box0821-1{
	position: relative;
	background: #F5F5F5;
	border: 4px solid #00BFFF;
  padding:.2em .5em;
  margin-bottom:1.5em;
	border-radius:10px;
	overflow:visible;
}
.arrow_box0821 p,
.arrow_box0821-1 p{
  font-weight:700;
  color:#333;
}

.arrow_box0821 p.stext,
.arrow_box0821-1 p.stext{
  font-weight:500;
  color:#333;
  font-size:80%;
}

.arrow_box0821:after,
.arrow_box0821:before,
.arrow_box0821-1:after,
.arrow_box0821-1:before{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box0821:after {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #F5F5F5;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box0821:before {
	border-color: rgba(0, 191, 255, 0);
	border-top-color: #00BFFF;
	border-width: 21px;
	margin-left: -21px;
}

dl.setumei0821{
  font-size:80%;
}
dl.setumei0821 dt {
  font-weight:500;
  font-size:105%;
}
span.chui0821{
  color:blue;
}

/******************************フォーム0828**************************************/

input[type="submit"][id="mitsumori-submit"]{
	background:#FF0000;
	color:#fff;
	border-radius:6px;
	cursor:pointer;
}





/******************************GOTOフォーム**************************************/


#goto-form-box {
  max-width: 800px;
  width: 100%;
  margin: 50px auto;
  padding:20px 10px 10px 10px;
  background: #F0F8FF;
  /*border: 1px solid #ccc;*/
  border-radius: 7px;
  font-size: 1.2em;
  line-height: 2em;
  box-sizing:border-box;
}
#goto-form-box dl{
  padding:0 1em;
}
#goto-form-box dt{
  padding:.5em;
  background:#87CEFA;
  border-radius:10px;
  line-height:50px;
  height:50px;
  font-weight:bold;
}
#goto-form-box dd{
  padding:1em;
  /*border-bottom:solid 3px #eee;*/
  margin:auto;
}
#goto-form-box dd select{
  font-size:1.2em;
  line-height:1.5em;
  width:200px;
  padding-bottom:10px;
padding-top:10px;
	border:1px solid #ccc;
	background:#fff;
}
#goto-form-box dd input{
  font-size:1.2em;
  line-height:1.5em;
  width:300px;
  width:100%;
	border:1px solid #ccc;
	background:#fff;
	padding-left:.1em;
}
#goto-form-box dd input[type="text"][id="time"]{
  font-size:1.2em;
  line-height:1.5em;
  max-width:300px;
  width:150px;
}

#goto-form-box dd input[type="text"],
#goto-form-box dd input[type="email"],
#goto-form-box dd input[type="tel"]{
  font-size:1.2em;
  line-height:1.5em;
  max-width:300px;
  width:100%;
}

@media screen and (max-width: 480px){
	#goto-form-box dd input[type="text"]{
		margin:auto;
		width: 100%;
	}
}

#goto-form-box dd input[type="number"][name="people"],
#goto-form-box dd input[type="number"][id="people"],
#goto-form-box dd input[type="number"][name="budget"],
#goto-form-box dd input[type="number"][id="budget"]{
  font-size:1.2em;
  line-height:1.5em;
	width:150px;
	/*padding-right:45px;*/
	box-sizing:border-box;
}

#goto-form-box dd input[id="date"],
#goto-form-box dd input[id="date1"],
#goto-form-box dd input[id="date2"]{
  font-size:1.2em;
  line-height:1.5em;
	width:150px;
	letter-spacing: 2px;
}


#goto-form-box dd input[id="time"]{
  font-size:1.2em;
  line-height:1.5em;
  width:150px;
}
#goto-form-box dd textarea{
  font-size:1.2em;
  line-height:1.5em;
  max-width:300px;
	width:100%;
	min-height: 120px;
	height:250px;
	background:#fff;
}
@media screen and (max-width: 480px){
	#goto-form-box dd textarea{
		margin:auto;
		width: 95%;
	}
}


#goto-form-box dd input[id="zip"]{
  font-size:1.2em;
  line-height:1.5em;
  max-width:170px;
  position:relatie;
}

#goto-form-box dd input[name="Address"] {
  font-size:1.2em;
  line-height:1.5em;
  max-width:350px;
}

#goto-form-box dd input[id="banchi"]{
  font-size:1.2em;
  line-height:1.5em;
  max-width:350px;
}
#goto-form-box dd.border-clear input[id="city"][name="text-565"]{
  font-size:1.2em;
  line-height:1.5em;
  max-width:350px;
}
@media screen and (max-width: 480px){
	#goto-form-box dd.border-clear input[id="city"][name="text-565"]{
		max-width:350px!important;
		width:100%;
	}
}



#goto-form-box dd.border-clear{
  border:none;
  positon:relative;
}
::placeholder{
  color: rgba(255,0,0,0.25);
  font-weight:bold;
}

#goto-form-box dl dt span.required {
  display: inline-block;
    float: left;
    color: #ffffff;
  padding:0px 8px;
    border-radius: 3px;
    margin-right: .5em;
  vertical-align: middle;
  font-weight:400;
}
#goto-form-box dl dt span.required {
    background: #d9534f;
    border: 1px solid #d43f3a;
  
}
span.mini0901{
  font-size:.75em;
}

input[type="submit"][id="go-submit"]{
	 background: linear-gradient(to right, #396afc, #2948ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
	padding:.5em 1em;
	border-radius:10px;
	cursor:pointer;
	width:80%;
	margin:0 auto;
	font-weight:bold;
	transition:.1.1s;
}
input[type="submit"][id="go-submit"]:hover{
	background: linear-gradient(to left, #396afc, #2948ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	transition:.1.2s;
}
input[type="submit"][id="go-submit"]:disabled{
	background:#B0C4DE;
	color:#DCDCDC;
}

.wpcf7-form-control.wpcf7-acceptance{
	background:transparent;
}

input[type="checkbox"][id="kakunin"]{
	margin-bottom:20px;
}

.accepbox0901{
	font-size:1em;
}
.summary0901{
    background: #191970;
    padding: .5em!important;
    max-width: 800px!;
    width: 100%!important;
    margin: auto;
}
.summary0901 h2 {
    border: none;
    text-align: center;
    margin: 0 auto;
    font-weight: 900!important;
    color: #fefefe;
}

#goto-form-box dd{
	position:relative;
}
span.nakatext{
	/*position: absolute;*/
    /*top: 20px;*/
    left: 130px;
    background: transparent;
    padding: 0;
    height: 38px;
	vertical-align: middle;
	margin-top: 3px;
}
span.nakatext2{
	/*position: absolute;*/
    /*top: 20px;*/
    left: 130px;
    background: transparent;
    padding: 0;
    height: 38px;
	vertical-align: middle;
	margin-top: 3px;
}
span.nakatext::after{
	content:'名様';
	font-weight:700;
	color:#666;
	font-size:14px;
	}
span.nakatext2::after{
	content:'円';
	font-weight:700;
	color:#666;
	font-size:14px;
	}


/*****************************見積固定電話**************************************/

#komattel {
  background: #fff;
  width: 360px;
	background:rgba(255, 255, 255, .8);
	margin:auto;
}

#komattel.m_fixed {
  position: fixed;
  top: 0;
  left:0;
  width:100%;
  padding-right:0px;
	background:rgba(255, 255, 255, .9);
	z-index:99999;
}

#komattel.inner {
  padding-bottom: 0;
  padding-top: 0;
  margin: 0 auto;
  max-width: 100%;
  padding: 10px 0;
  width: 768px;
}

p.komattel {
    background: #00008B;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 1em;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin: auto;
    font-family: "M PLUS Rounded 1c", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: bold;
}
a.komattelno {
    color: #000;
    font-weight: 900;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    display: block;
    text-decoration: none;
    transition: .3s;
    margin-top: 10px;
}
a.komattelno span{
  font-size:9px;
  color:#0000CD;
	margin-left:.5em;
	transition: .3s;
}
a.komattelno:hover,
a.komattelno span:hover{
	color:#0055FF;
}
a.komattelno::before {
    content: "\f3cd";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #000;
    margin-right: 5px;
}

#komattel.m_fixed p.komattel,
#komattel.m_fixed a.komattelno{
  margin:10px 10px;
}
#komattel.m_fixed a.komattelno{
  margin-top:10px;
}




/************** ハイヤーページ *************/
.blk0107box{
  margin:30px auto;
}

.box0107{
  display:  flex;
  	flex-direction: row;
    margin: 10px;
    background: #;
}

.box0107-a{
  width: 42%;
  border-right: .5px solid #fff;
}

.box0107-b{
  width: 29%;
  background: #;
  border-right: .5px solid #fff;
}
.box0107-c{
  width: 29%;
  background: #;
  border-right: .5px solid #fff;
}
.box0107-a p.boxtitle{
  text-align: center;
  background: #0055ff;
  color: #fff;
	margin: 0;
	margin-bottom:10px;
  border-right: .5px solid #fff;
}
.box0107 p{
  text-align: center;
}

p.boxtitle{
  text-align: center;
  background: #0055ff;
  color: #fff;
  margin: 0;
}
.box0107 .boxtitle{
	margin-bottom:10px;
}
.box0107-a img{
  width: 100%;
  margin: auto 0;
  max-width: 300px;
}
.blk0107box ul{
  margin-left: -.1em;
  font-size: 12px;
}
.blk0107box ul li{
	margin-top: .5em;
	overflow: visible;
	margin-left:2em;
}
dl.area{
  margin:20px 10px;
}
dl.area dt{
  font-weight:600;
  font-size:1.3em;
  display: inline-block;
  border: 1px solid #000;
  padding: 5px;
}
dl.area dd.areawaku{
	margin:5px 0 5px 10px ;
	font-size:1.2em;
}
dl.area dd.chu{
  margin:5px 0 5px 10px ;
  font-size: .9em;
  color:#555;
}

.nosqbox-hire{
	width:50px;
	background-color:rgba(217,229,255,1);
	height:50px;
	line-height:50px;
	text-align:center;
	color:#333;
	margin:0 .3em;
	font-weight:bold;
	font-size:1.5em;
}

.hire_flow h4{
  background: #003366;
  padding: 10px;
  color:#fff;
  margin-top:50px;
}

.estplanexcepbox0107 {
    display: flex;
    flex-direction: row;
}

.estplantext0107 {
    margin-top: 10px;
    width: 80%;
}
.hire0107box{
  border:1px solid #555;
  margin:30px 10px 20px;
  padding:10px;
}
.hire0107box h4{
  background:none;
  color:#000;
}
p.obi0107{
  background:#ccc;
  border-radius:5px;
  text-align:center;
  padding:2px 10px;
  width:80%;
  margin:auto;
}

.hire0107box .estplanexcepbox0107{
  width:80%;
  margin:auto;
  padding:2px 10px;
}
.halfbox{
  width:50%;
}
.halfbox p{
  font-size:1.3em;
  font-weight:400;
  text-align:center;
}
.halfbox p span{
  font-size:12px;
  margin:0;
}


@media screen and (max-width: 480px){
  .halfbox{
    width:100%;
  }
.hire0107box .estplanexcepbox0107 {
      flex-direction: column;
  }
}

.basicbox0108{
  width:80%;
  margin:20px auto;
  text-align: center;
}
.btn_Esthire {
  position: relative;
  display: inline-block;
  font-weight: 600;
  padding: 10px 20px;
  text-decoration: none;
  color: #FFF;
  background: red;
  transition: .4s;
  border:1px solid red;
	font-size:1em;
	width:80%;
	border-radius:28px;
}

.btn_Esthire:hover {
  background: #f5f5f5;
  color:red;
}

.article-content h3.noborder{
	border: none;
}
.article-content h3.backGcolor0055ff{
    background: #0055ff;
    color: #fff;
	padding: 2em 1em;
}


/************** ハイヤーページ *************/


/************** 個別の設定 *************/

a.obj0108{
	transition: .4s;
}
a.obj0108:hover{
	opacity: 0.5;
	}
	
	div.vk_balloon_content_outer,
	p.vk_balloon_content{
	overflow:visible;
}

.fb-share-button.fb_iframe_widget.fb_iframe_widget_fluid{
    display: inline-block!;
}

/************** 個別の設定 *************/

p.gokubuto{
	font-weight:900;
	margin:2em auto;
}

.box0114{
  background:#F0F8FF;
  border-radius:12px;
  padding:1em;
  width:95%;
	margin-bottom:2em;
	border:1px solid #ccc;
}
.box0114 h4{
  font-weight:600;
  font-size:1.25em;
  padding-bottom:10px;
  border-bottom:solid 1px #191970;
}

.box0114b{
  background:#FFB6C1;
  border-radius:12px;
  padding:2em 1em;
  width:95%;
  margin-bottom:2em;
  color:#222;
}

@media screen and (max-width: 640px){
	.box0114,
	.box0114b{
		width:90%;
		margin:auto;
		margin-bottom:2em;
	}
		.box0114b{
		padding:3em;
		width:70%;
	}
}


.flex50box{
  display:flex;
  flex-direction: row;
  margin:10px;
	background: transparent;
	max-width:1024px;
	margin:auto;
}

a.covidbanner {
  text-decoration: none;
}


.w90box{
  width:48%;
	background:#000044;
	background: linear-gradient(to right,#000044,#4169E1);
  margin:auto;
  border-radius:10px;
  margin-bottom:1em;
    transition: .4s;
	max-height:222px;
	margin-top:1em;
}
a .w90box:hover {
  opacity: 0.5;
}
.blockpattern{
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-size: calc(10 * 1px) calc(10 * 1px);
    margin-left: 1.25rem;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    max-width:20%;
    color: #E7393F;
    overflow: visible;
    white-space: nowrap;
}
.w90box h4.white{
  color:#fff;
	font-size:1.5em;
	overflow: visible;
}

.w90box2{
  width:48%;
	background:#4169E1;
  margin:auto;
  border-radius:10px;
  margin-bottom:1em;
    transition: .4s;
	max-height:222px;
	margin-top:1em;
}

.w90box3{
	width:80%;
	background:#4169E1;
  margin:auto;
  border-radius:10px;
  margin-bottom:1em;
    transition: .4s;
	max-height:222px;
	margin-top:1em;
}
.w90box3 a{
	text-decoration:none;
}
.w90box3:hover,
.w90box3 a:hover{
	opacity:.8;
	cursor:pointer;
}
	
@media screen and (max-width: 640px){
  .flex50box{
		flex-direction: column;
		margin: auto 5px;
  }
	.w90box{
		width:100%;
		order:2;
	}
	.w90box2{
		width:100%;
		order:1;
	}
	.w90box3{
		width:100%;
		order:1;
	}
}

.w90box2 h4.pad1em,
.w90box3 h4.pad1em{
	padding:.5em 1em;
	margin:0;
	color:#fff;
	text-align:center;
}
.w90box2 h4.pad1em span,
.w90box3 h4.pad1em span{
        margin-right: -8em;
    font-size: 14px;
    background: #FFD700;
    padding: .2em;
    margin-left: 3em;
	color: #333;
}


.w90box2 ul,
.w90box2 ul li{
	overflow:visible;
	margin-left:1em;
	font-size:.9em;
}
.w90box3 ul,
.w90box3 ul li{
	overflow:visible;
	margin-left:1em;
	font-size:.9em;
}

img.wp-image-10641{
	margin-bottom:0;
}

.listbox{
	background:#fff;
	overflow:visible;
	margin:.5em;
	color:#333;
}
.listbox ul,
.listbox ul li{
	overflow:visible;
}

@media screen and (max-width: 640px){
	.w90box2 h4.pad1em span,
	.w90box3 h4.pad1em span	{
    margin-right: -4em;
    padding: .2em;
    margin-left: 2em;
    font-size: 12px;
	}
}
@media screen and (max-width: 360px){
	.w90box2 h4.pad1em span,
	.w90box3 h4.pad1em span	{
    margin-right: -4em;
    padding: .2em;
    margin-left: 2em;
    font-size: 10px;
	}
}

.flex50box a {
	text-decoration:none;
	transition: .5s;
}
.flex50box .w90box:hover,
.flex50box .w90box2:hover{
	opacity:.8;
}




.estbox{
  width:80%;
	margin:auto;
	margin-bottom:1.5em;
}
.inestbox{
  width:100%;
  margin:auto;
}
.estbox h4{
  text-align:left;
}
a.estred {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 1em;
    text-align: center;
    background: #DC143C;
    transition: .7s;
  border-radius:28px;
  margin:auto;
  border:2px solid #DC143C;
}
a.estred:hover{
	color:#DC143C;
	background:#fff;
  border:2px solid #DC143C;
}


.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-301{
	margin-bottom:0;
}
.wpcf7-form-control.wpcf7-captchar{
	font-size: 1.2em;
    line-height: 1.5em;
	width: 300px;
}

.wpcf7-form-control.wpcf7-submit.sub-btn001 {
    font-size: 1.5em;
    display: block;
    width: 50%;
    margin: 1em auto;
	background-color: #C0C0C0;
	transition:.4s;
	border-radius:.65em;
	padding:.2em .5em;
	cursor:pointer;
}

.wpcf7-form-control.wpcf7-submit.sub-btn001:hover{
	background:#808080;
	color:#fff;
}


@media screen and (max-width: 480px){
	#otoiawaseform,
	#otoiawaseform3{
		width:100%;
		border:none;
		box-shadow:none;
	}
	#otoiawaseform{
		padding:0;
	}
	#otoiawaseform dl,
	#otoiawaseform3 dl{
		padding:0;
	}
  .wpcf7-form-control.wpcf7-submit.sub-btn001 {
    width:80%;
	}
}

dl.unkourei dt{
	background:#fff;
	border:1px solid #ccc;
	padding:5px 2em;
	display:inline-block;
	margin-bottom:10px;
}
dl.unkourei dd{
	font-weight:bold;
	/*margin-bottom:1em;*/
}
dl.unkourei dd spam{
	font-size:.8em;
	color:#0033FF;
	margin-left:1em;
}

.box0114 ul.liststyle{
	padding:5px 1em;
	display:inline-block;
	margin-bottom:10px;
	margin-left:-1em;
	font-weight:bold;
}
.box0114 ul.liststyle li{
	overflow:visible;
	margin-left:2em;
}

.box0114 h4.circlecheck::before{
	content:"\f058";
	font-family:"Font Awesome 5 Free";
	margin-right:10px;
}
	


/*  マーカー  */
.marker-red{
	background:linear-gradient(transparent 75%, #ffadad 75%);
	font-weight:bold;
}

.marker-yellow{
	background:linear-gradient(transparent 75%, #fff799 75%);
	font-weight:bold;
}

/* reCAPTCHA */
.grecaptcha-badge { visibility: hidden; }
.inv-recaptcha-holder{ height: 0; }


 /* VK_baloon   バルーン*/
.vk_balloon_content {
	overflow:visible;
}

.vk_button_link.btn.btn-md.btn-block{
	
}

/* プルクォート*/
.pullQborder{
	border-top:3px solid #000;
	border-bottom:3px solid #000;
}
.moji0-8em{
	font-size:.8em;
}
.marginbottom0{
	margin-bottom:0;
}
.vk_flow-arrow-off.marginbottom0{
	margin-bottom:0;
}

/* リスト */
.overflowVis,
.overflowVis ul,
.overflowVis ul li,
.overflowVis li,
.overflowVis ol,
.overflowVis ol ul,
.overflowVis ol ul li,
.overflowVis ol li{
	overflow:visible;
}

.media-heading a{
	color:blue;
}
.media-heading a:hover{
	color:red;
}

h1.mainSection-title{
	display:block;
}

.marginLeft10px{
	margin-left:10px;
}
.marginLeft8px{
	margin-left:8px;
}


.vk_prBlocks_item_title.vk_prBlocks_item_title-1,
.vk_prBlocks_item_title.vk_prBlocks_item_title-2,
.vk_prBlocks_item_title.vk_prBlocks_item_title-3{
	border:none;
	font-size:.9em;
}


.wp-block-vk-blocks-pr-blocks.vk_prBlocks.row.nowrap{
	display: flex;
    flex-wrap: inherit;
    margin-right: -15px;
    margin-left: -15px;
}

@media screen and (min-width: 576px){
	.vk_prBlocks_item.col-sm-4.width-non{
		max-width:33.333%;
		flex:0 0 28%;
	}
}

.wp_social_bookmarking_light {
    /* border: 0 !important; */
    /* padding: 10px 0 20px 0 !important; */
    margin: 0 !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
    vertical-align: middle;
    padding: 20px 10px 10px;
}

.wp-block-vk-blocks-heading.border-t-b h4{
	border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    padding: 1em 0;
	text-align: center;
}

.article-content p a.exlink{
	text-decoration:underline;
	color:blue;
}

.article-content p a.exlink:hover{
	color:red;
	text-decoration:none;
}

a.exlink::after{
	content:"\f35d";
	font-family:"font awesome 5 free";
	margin-left:5px;
}

.vk_heading_subtext.vk_heading_subtext-style-default a.exlink{
	text-decoration:underline;
	color:blue;
}

.vk_heading_subtext.vk_heading_subtext-style-default a.exlink:hover{
	color:red;
	text-decoration:none;
}


@media screen and (max-width: 767px){
	.wp-block-uagb-column.uagb-column__wrap.uagb-column__background-color.uagb-block-d220351e,
	.wp-block-uagb-column.uagb-column__wrap.uagb-column__background-color.uagb-block-6c086a48,
	.wp-block-uagb-column.uagb-column__wrap.uagb-column__background-color.uagb-block-1162047d{
    width: 99% !important;
	}
}

.boxsizeborderbox{
	box-sizing: border-box;
}
.pad-trbl0{
	padding:0;
}
.pad-trbl0 .uagb-column__inner-wrap{
	padding:0!important;
}

/**  ボーダー関連 **/
.bordernone h2,
.bordernone h3,
.bordernone h4,
h3.bordernone,
h2.bordernone,
h4.bordernone{
	border:none;
}


 /* infobox*/
.uagb-ifb-image-icon-content.uagb-ifb-imgicon-wrap{
	overflow: visible;
}

/* marketing btn*/
.width100per .uagb-marketing-btn__wrap a{
	width:100%!important;
}
.uagb-marketing-btn__link{
	text-decoration:none;
}


/*   サイドのインフォボックス   **/
.wrap000{
  max-width:1000px;
  width:100%;
  background-image: linear-gradient(90deg,rgb(0,120,198) 0%,rgb(0,120,204) 100%);
  padding-top:20px;
  padding-right:10px;
  padding-bottom:20px;
  padding-left:10px;
  box-sizing:border-box;
	margin:auto;
	margin-bottom:10px;
}

.wrap111{
  width:100%;
}
.backwhite{
  background:#fff;
}
.flexwrap-d-col{
  display:flex;
  flex-direction:column;
}
.flex100-50minW767{
  width:100%;
}

@media screen and (max-width: 760px){
	.flexwrap-d-col{
		flex-direction:row;
	}	
	.flex100-50minW767{
		width:50%;
	}
}
@media screen and (max-width: 480px){
	.flexwrap-d-col{
		flex-direction:column;
	}	
	.flex100-50minW767{
		width:100%;
	}
}
.infobox-side{
  padding:10px 10px 0;
}
.flexwrap-d-row{
  display:flex;
	flex-direction:row;
	align-items: center;
}
.w30per{
  max-width:50px;
  width:30%;
  padding:10px;
}
.w70per{
  width:70%;
  padding-top:10px;
  padding-bottom:10px;
}
@media screen and (max-width: 800px){
	.w30per,
	.w70per{
		width:100%;
	}
}

.iconwrap{
  max-width:150px;
  width:100%;
  font-size:43px;
  vertical-align:middle;
    margin-top: 5px;
    margin-bottom: 5px;
	}
	
.color-e26b1c{
  color:#e26b1c;
}
.color-ff6900{
	color:#ff6900;
}

.infobox-side span.title-prefix{
  font-family: "Helvetica";
  font-weight: 500;
  font-size: 1.1em;
  color: #e26b1c;
  margin-top:5px;
  margin-bottom: 5px;
  display:block;
}
.infobox-side h3.title{
  color: #ff6900;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
	font-size:1.5em;
	display:none;
}
.flex100-50minW767 h3.title2{
  color: #ff6900;
  padding: 0;
  margin: 0;
  display: block;
  margin-bottom: 10px;
	font-size:1.5em;
	text-align:center;
	}
	
@media screen and (max-width: 481px){
	.infobox-side h3.title{
		display:block;
	}
}
@media screen and (max-width: 480px){
	.flex100-50minW767 h3.title2{
		display:none;
	}
}	

@media screen and (max-width: 767px){	
	.infobox-side h3.title{
		font-size:1.5em;
	}
  .infobox-side span.title-prefix{
    font-size:.9em;
  }
}

@media screen and (max-width: 250px){	
  .infobox-side h3.title{
		font-size:1em;
	}
}

.btn-mitsumori2 {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 28px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(0deg, rgb(207,46,46) 0%, rgb(226,110,53) 100%);
  border:2.5px solid red;
  transition: .4s;
	width:100%;
	margin:auto;
  box-sizing:border-box;
}

.btn-mitsumori2:hover {
  opacity: .8;
	}
	
.btn-mitsumori2-inner{
  font-size:100%;
  padding:0 .5em;
}
.btn-mitsumori2-inner h6{
  font-size:1.1em;
  text-align:center;
  margin:0;
	padding:0;
	color:#fff;
}
.btn-mitsumori2-inner p{
  margin:0;
  font-size:.8em;
  text-align:center;
}

@media screen and (max-width: 300px){
	.btn-mitsumori2-inner h6{
		font-size:.9em;
	}
	}
	

.vk_borderBox_body.padding1em{
	padding:1em!important;
	}
	

h4.boxtitle0202{
	color:#fff;
	font-size:1em;
	font-family: "M PLUS Rounded 1c", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    font-weight: 700;
	text-align: center;
	margin-bottom:10px;
	}
	
/* rotate*/
/* 45度傾けるクラス */
.fa-rotate-45 {
	transform: rotate(45deg);
}
.fa-rotate-45b {
	transform: rotate(-45deg);
}

/* 135度傾けるクラス */
.fa-rotate-135 {
	transform: rotate(135deg);
}

/* 225度傾けるクラス */
.fa-rotate-225 {
	transform: rotate(225deg);
}

/* 315度傾けるクラス */
.fa-rotate-315 {
	transform: rotate(315deg);
}	


input[type="number"][name="number-692"]::after{
	content:"名様";
	width:100px;
	height:2em;
}

.wp-block-uagb-column.uagb-column__wrap{
	box-sizing:border-box;
}






/******************************関連記事**********************************/
.relatedkiji {
  margin: 40px 0 0;
  padding: 10px;
}
 
.relatedkiji h4 {
  font-size: 1.25em;
  padding: 3px 5px;
  border-bottom: solid 1px #999;
}
 
.relatedkiji ul {
  font-size: 0;
  margin: 10px 0;
  padding: 0;
}
 
.relatedkiji li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 10px 5px;
  list-style: none;
  vertical-align: top;
}
 
.relatedkiji li a {
  display: block;
  text-decoration: none;
  color: #000;
}
 
.relatedkiji li a:hover {
  color: #000070;
  background-color: #eee;
}
 
.relatedkiji img {
  height: 120px;
  object-fit: cover;
}
 
.relatedkiji .text {
  font-size: 16px;
  font-weight: bold;
}
 
@media (max-width: 599px) {
  .relatedkiji ul {
    margin: 0;
  }
  .relatedkiji li {
    display: block;
    width: 100%;
  }
  .relatedkiji li a:after {
    display: block;
    clear: both;
    content: '';
  }
  .relatedkiji img {
    float: left;
    width: 90px;
    height: 70px;
  }
  .relatedkiji .text {
    width: auto;
    margin-top: 5px;
    margin-left: 100px;
  }
}


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




/******************************@メディア**************************************/
/******************************@メディア**************************************/
/******************************@メディア**************************************/
@media screen and (max-width: 1920px){	
	.form td.businput3{
		width:25%;
	}
	h4#banner3{
		display:none;
	}
}

@media screen and (max-width: 1280px){
	.article-list .img-wrap img{
		margin-right:.5em;
	}
	.article-list .img-wrap .cat-data{
		margin-right:.7em;
	}
}
					
	
/* 1024pxまでの幅の場合に適応される */

/*@media screen and (max-width: 1280px) {
.article-date {
margin-left:.5em;
}	
.article-author {
margin-left:.5em;
}
.article-list .text p{
margin-left:.5em;
}
}
*/


@media screen and (max-width: 1023px) {
	#header-bar{
		width:100%
		}
		#header-bar h1{
			width:100%;
			padding:5px 5px;
			box-sizing: border-box;
		}
		.header-nav-wrap{
			width:100%;
		}
		.header-nav{
			width:100%;
		}
		.header-nav ul {
			display: flex;
			flex-flow: row wrap;
			padding: 6px;
			justify-content:space-around; 
			line-height: 1.5em;
		}
		li#menu-item-2059{
			order:1;
			flex-basis:70%;
			text-align:left;
		}
				
		/* 無料見積り  */		
		li#menu-item-5670{
			order:2;
			flex-basis:25%;
			text-align:left;
		}
		
		/* バスログ*/
		li#menu-item-1894{
		display:none;
			/* order:8;
			flex-basis: 16%;
			min-width:60px;
	background-size:contain;
	background-positon:center;
		text-align:left;
			font-size:0.8em;
			font-weight:bold;*/
		}
		/* 種類*/
		li#menu-item-184{
		order:5;
		flex-basis: 16%;
		background-size:contain;
		background-positon:center;
		text-align:left;
		font-size:0.8em;
		font-weight:bold;
		padding-bottom: 10px;
			border-right:solid 2px whitesmoke;
			border-top:solid 2px whitesmoke;
		}
		/* 用途*/
		li#menu-item-559{
		order:7;
		flex-basis: 16%;
		background-size:contain;
		background-positon:center;
		text-align:left;
		font-size:0.8em;
		font-weight:bold;
		padding-bottom: 10px;
			border-right:solid 2px whitesmoke;
			border-top:solid 2px whitesmoke;
		}
		/* エリア*/
		li#menu-item-2081{
					order:8;
		flex-basis: 16%;
		background-size:contain;
		background-positon:center;
		text-align:left;
		font-size:0.8em;
		font-weight:bold;
		padding-bottom: 10px;
			margin:0;
			border-top:solid 2px whitesmoke;
		}
		/* 参考料金*/
				/*li#menu-item-4452{
					order:4;
		flex-basis: 16%;
		background-size:contain;
		background-positon:center;
		text-align:left;
		font-size:0.8em;
		font-weight:bold;
		padding-bottom: 10px;
		margin:0;
			border-right:solid 2px whitesmoke;
			border-top:solid 2px whitesmoke;
		}*/
		/* 参考料金2*/
		li#menu-item-8117{
		order:4;
		flex-basis: 16%;
		background-size:contain;
		background-positon:center;
		text-align:left;
		font-size:0.8em;
		font-weight:bold;
		padding-bottom: 10px;
		margin:0;
			border-right:solid 2px whitesmoke;
			border-top:solid 2px whitesmoke;
		}
		/* 利用案内*/
				/*li#menu-item-4488{
					order:3;
		flex-basis: 16%;
		background-size:contain;
		background-positon:center;
		text-align:left;
		font-size:0.8em;
		font-weight:bold;
			margin:0;
			border-right:solid 2px whitesmoke;
		}*/
				/* 利用方法*/
		li#menu-item-7275{
					order:3;
		flex-basis: 16%;
		background-size:contain;
		background-positon:center;
		text-align:left;
		font-size:0.8em;
		font-weight:bold;
		margin:0;
			border-right:solid 2px whitesmoke;
			border-top:solid 2px whitesmoke;
		}
		/* 安全への取り組み*/
		li#menu-item-7101{
			order:6;
			flex-basis: 16%;
			background-size:contain;
			background-positon:center;
			text-align:left;
			font-size:0.8em;
			font-weight:bold;
			margin:0;
			border-right:solid 2px whitesmoke;
			border-top:solid 2px whitesmoke;
		}
		.panbox{
			width:100%;
		}
		.breadcrumbs{
			padding-right:10px;
			width:100%;
			overflow-x: auto;
		}
					.headerimg{
						width:90%;
					}
					main{
						width:100%;
					}
					#floatingkiji{
						width:100%;
					}
					#pagecontainer{
						width: 100%;
						display:flex;
						flex-direction:row;
					}
					
					#pagemain{
						flex-basis:60%;
						margin-right:5%;
					}
					
					.article-list .img-wrap img{
						margin-right:.5em;
					}
					.article-list .img-wrap .cat-data{
						margin-right:.7em;
					}
					
					.camp1 {
						top: 29%;
						left: 73%;
						width: 250px;
						transform: translate(-50%, -50%);
					}
				}
				/*▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎1024px END*/
	

/* 768pxまでの幅の場合に適応される */
@media screen and (max-width: 768px) {
		nav li a{
			padding:15px 0;
		}
		li#menu-item-2059{
			padding-bottom:10px;
			/*border-bottom:solid 1px #D1CDBD;*/
				}
		li#menu-item-5670{
			padding-bottom:10px;
			/*border-bottom:solid 1px #D1CDBD;*/
				}
		
		#headerbus{
			font-size:0.8em;
			flex-flow:row wrap;
		}

		.content{
			flex: 1 1 40%;
			text-align: center;
			margin:0 2px;
			padding:5px;
			box-shadow:1px 1px 4px gray;
		}
		
		.content#large{
			flex-basis: 100%;
		}
			#pagecontainer{
			width: 100%;
			display:flex;
			flex-flow:row wrap;
		}


		#pagemain{
			flex-basis:100%;
		}


		#pageside{
			flex-basis: 100%;
		}
		
		.copyright{
			padding-bottom:30px;
		}
		
		.list{
			margin-left:20px;
		}
		.camp1 p{
			display:none;
		}
		.headtext{
			font-size:2em;
		}

	}/*▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎768px END*/
	
	
	
/* 640pxまでの幅の場合に適応される */
	@media screen and (max-width: 640px) {
	
		.shashuflex{
			display:flex;
			flex-flow:column;
		}
		.left{
			padding:0 5px;
			order:2;
		}
  
		.right{
			box-sizing:border-box;
			padding:10px 5px!important;
			order:1;
		}
		
		
		/*テーブル*/
		.scrolltbox{
			overflow-x: auto;
			margin-right:10px;
			border-top:solid 10px gray;
		}
		.buscomtable {
			min-width: 640px;
			margin: 0 10px 50px;
			padding:20px 0 0px;
			border-spacing: 0px;
		}
		.buscomtable td {
			white-space:nowrap;
			line-height:1.8em;
		}
		
		　.form th.titleobi{
			 width: 100%;
			display:block;
			background:#fff;
				}
    .floatingmenu{
  width: calc(100% / 2);
  text-align:center;
				}
    .floatingmenu#ichi{			
line-height: 1.4em;
font-size: 1.2em;
				}
    .floatingmenu#ni{
   display:none;
				}
    .floatingmenu#san{
font-size:1.2em;
		}
		
		p.sumaho{
			font-size:.7em;
			display:block;
			margin-bottom:0;
			color:#666;
		}
		
		}/*▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎640px END*/

	
/* 480pxまでの幅の場合に適応される */
	@media screen and (max-width: 480px) {
				#mobatel{
					display:block;
					position:absolute;
					top:25px;
					left:175px;
					text-indent:-9999px;
					background-image:url(../../uploads/2020/03/tel1.png);
					background-size: 90px 42px;
					width:90px;
					height:42px;
					z-index:9999;
		}
		#mobatel a{
  background-image:url(../../uploads/2020/03/tel1.png);
					display: block;
					background-size: 90px 42px;
					z-index:9999;
			padding-top:20px;
		}
		
		#mobatel a:hover{
					background-image:url(../../uploads/2020/03/tel1_1.png);
			z-index:9999;
		}	
		#mitumori2row{
			flex-flow:column;
		}
		
				
		.content3a{
			flex-basis:100%
			margin:10px;
			border:none;
			border-bottom:solid 1px gray;
		}
		.content3b{
			flex-basis:100%;
			margin:10px;
		}
		
		h4.unique{
			padding:10px 50px;
		}
		
		#uselist{
			width:100%;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
		}

		.useitem{
			flex: 100%;
			height:auto;		
		}
		
		#pagecontainer{
			width: 100%;
			display:flex;
			flex-flow:row wrap;
		}


		#pagemain{
			flex:100%;
			margin-right:0%;
		}


		#pageside{
			flex: 100%;
		}
		
		.wp-block-columns{
			flex-direction:column;
		}
		.wp-block-column{
			flex-basis:100%;
		}
		
		
			.scrollbox{
				overflow-x : auto;
				white-space:nowrap;
				width:400px;
			}
	
			.scrollbox::-webkit-scrollbar{
				height: 5px; /* スクロールバーの高さ */
			}
			.scrollbox::-webkit-scrollbar-track{
				background: #F1F1F1; /* スクロールバーの背景色 */
			}
			.scrollbox::-webkit-scrollbar-thumb {
				background: #d6d6d6; /* スクロールバーの色 */
			}
			/* 文字の折返しを禁止 */
			.scrollbox td, 
			.scrollbox th{
				white-space: nowrap;　
			}
		
		/* テーブル*/
		
		.setumei { 
					margin: 0;
					border:none;
		}
		.setumei tr {
			display:block;
			background-color:#EEFFFF;
		}
		.setumei th {
			display:block;
			width: 100%;
		}
		.setumei td {
			width: 90%;
			margin-left: 10%;
			border:none;
			
		}
		.gallery li img {
			width: 100%;
			height: 150px;
		}

			
			/*保留
			.article-date{
				margin-left:90px;
			}
			
			.article-list .text {
				margin-left: -90px!important;
			}
			.article-list .text h2 {
				margin-left:90px!important;
			}
			*/
			
		
			/*
			.article-list .text p{
				margin-left:90px;
			}
			*/
			
			.article-list .img-wrap img {
				width: 300px;
				height: 160px;
				/* object-fit: cover; */
			}
		
		.article-content .article-info .article-date,
		.article-content .article-info .article-author {
			display:block;
		}

		.zasekimini{
			border-bottom:solid 1px #ddd;
		}
		
		.goder1{
			order:1;
		}
		.gorder2{
			order:2;
		}
		
		/*.text{
			clear:both;
			margin: 0 0.5em;
		}*/
				
		.contain2{
	flex-direction: column;
		}
	}
	
	@media (max-width: 600px){
.article-list .img-wrap img {
    width: 132px;
    height: 88px;
	}
	}
	@media (max-width: 600px){
.article-list .text {
    margin-left: 140px;
    padding: 0;
		}
	}
				
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],{
		background-color: #fff;
		color: #000;
		width: 50%;
	}
	
		.wpcf7 textarea{
		background-color: #fff;
		color: #000;
		width: 80%;
		height:auto;
	}
	.wpcf7-form-control{
		background-color:#fff;
	}
	.wpcf7-form-control.wpcf7-checkbox{
		background-color:transparent;
		}
		
	.wpcf7-list-item-label#text{
		background-color:#fff;
	}
				
		  .form{
			border:none;
			width:100%;
			background:#f5f5f5;
				}
				
			.form th {
					width: 100%;
					border:none;
				}
				.form th.titleobi{
			 width: 100%;
			display:block;
			background:#fff;
				}
				.form tr{
					display:block;
					overflow-y:hidden;
				}
				.form td{
					display:block;
					border:none;
					background-color:whitesmoke;
				}
  .form td.businput {
    display:none;
  }
  .form td.businput2{
    display: inline-block;
	width: 49%;
	box-sizing: border-box;
				}
  .form td.businput3{
	display: inline-block;
    width: 49%;
			box-sizing: border-box;
			max-height:100px;
			vertical-align: top;
		}
		
  .form td.businput4{
    display: inline-block;
    font-size: 1.2em;
    width: 49%;
    margin: 0;
    box-sizing: border-box;
				}
				
				
	.form td.businput5{
    display: inline-block;
	width: 49%;
	box-sizing: border-box;
				}
				
  .form td.half50{
    width:100%;
  }
  .form th.note{
    height:1em;
  }
  .form td.note{
    height:200px;
  }
	.wpcf7 input[type="tel"]{
		width: 55%;
	}
				
		.wpcf7 textarea{
		width: 90%;
	}
		select.wpcf7-form-control.wpcf7-select#prefe,
	select.wpcf7-form-control wpcf7-select.wpcf7-validates-as-required#prefe
	{
		width:80%;
	}		
			
	.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
		width:80%;
			}
	.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#name{
				width:50%;
				font-size:1.2em;
			}
		.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#group{
				width:80%;
				font-size:1.2em;
			}
			
		select.wpcf7-form-control.wpcf7-select#kubun,
	select.wpcf7-form-control wpcf7-select.wpcf7-validates-as-required#kubun
	{
				width:54%;
				font-size:1.2em;
			}
			
						.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#zip,
						.wpcf7-form-control.wpcf7-text#zip{
				font-size:1.2em;
				width:70%
	}
							.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#pref,
							.wpcf7-form-control.wpcf7-text#pref{
				font-size:1.2em;
				width:70%
			}
								wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required#city,
								.wpcf7-form-control.wpcf7-text#city{
						font-size:1.2em;
						width:80%
			}
		.wpcf7-form-control.wpcf7-text#buil{
		font-size:1.2em;
		width:80%;
	}								
	.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
		font-size:1.2em;
		width:80%;
	}
	.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel{
		font-size:1.2em;
		width:80%;
	}
		.wpcf7-form-control.wpcf7-text.wpcf7-tel{
		font-size:1.2em;
		width:80%;
							}
							
	.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number{
		background-color:#fff;
							}
							.hide1{
								display:none;
							}
							.hide2{
								display:block;
							}
							
							
.headtext {
		font-size:1.7em;
		}
							
	.banimg1{
    display:none;
  }
    .banimg2{
      display:block;
    }
						
	.news{
						margin: 8.5em 0 0 .5em;	
						top:15%;
						}
							
.headkiji{
	/*width:250px;*/
						font-size:.8em;
						overflow-x:scroll;
}
					
/*　　トップバナー分　*/
    h4#banner2{
      display:none;
    }
    h4#banner3{
      display:block;
      background:#BB0000;
      color:#f5f5f5;
		text-align:center;
		margin:0;
	    font-size:1em;
    }
    .banabox{
      width:320px;
      height:150px;
      display:inline-block;
      margin:20px auto;
      background:Menu;
      border:solid 1px WindowFrame;
    }
    .tmf{
      font-size:.77em;
    }
    .content3#tmf1{
      border-right:solid 1px #ccc;
      height:120px;
    }
     .content3#tmf2{
       border:none;
    }
    .content3#tmf1 img{
      width:60px;
      padding-top:8px;
      padding-bottom:10px;
    }
    
    .content3#tmf2 img#fax1{
      width:50px;
      padding-top:5px;
      padding-bottom:6px;
					}			
					
					
					.pan{
						white-space:nowrap;
						/*overflow:auto;*/
						width:100%;
						/*padding: 0 .3em 0 .1em;*/
					}
					.panbox{
						/*overflow:scroll;*/
					}
					
.camp1 {
    top: 29%;
    left: 50%;
    width: 250px;
    transform: translate(-50%, -50%);
}
					
.camp1 p {
    display: none;
    /* width: 100%; */
    margin: auto;
    font-size: .7em;
    height: 3em;
    overflow: auto;
    background: yellow;
    color: #111;
					}
					
		  p.balbox1{
    font-size:1.1em;
  }
  /*.balloon1::before{
  left: 40px;
  bottom: -12px;
  border-right: 12px solid #ff9800;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(270deg);
					}*/
					
					.textarea111 p{
						font-size:.8em!important;
					}
	}/*▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎▶︎480px END*/
	
	
/* 440pxまでの幅の場合に適応される */
	@media screen and (max-width: 440px) {	
	
			/*
			.article-date {
				display: block!important;
				padding: .1em;
				position: absolute;
				left: 12px;
			}	
			.article-author {
				position: relative;
				top: 15px;
				left: 82px;
				margin-bottom: 1.5em!important;
			}
		*/
	}　
	
	
/* 400pxまでの幅の場合に適応される */
	@media screen and (max-width: 400px) {	
		
		.article-list{
			padding:0.7rem;
		}
		
		.scrollbox{
			overflow-x : auto;
			white-space:nowrap;
			width:350px;
		}
		
	}		
	
/* 380pxまでの幅の場合に適応される */
	@media screen and (max-width: 380px) {
		
		.article-list{
			padding:0;
		}
			
			
		.scrollbox{
			overflow-x : auto;
			white-space:nowrap;
			width:350px;
			}
	
			.scrollbox::-webkit-scrollbar{
				height: 5px; /* スクロールバーの高さ */
			}
			.scrollbox::-webkit-scrollbar-track{
				background: #F1F1F1; /* スクロールバーの背景色 */
			}
			.scrollbox::-webkit-scrollbar-thumb {
				background: #d6d6d6; /* スクロールバーの色 */
			}
			/* 文字の折返しを禁止 */
			.scrollbox td, 
			.scrollbox th{
				white-space: nowrap;　
		}
			/*
			.article-date {
				display: block!important;
				padding: .1em;
				position: absolute;
				left: 12px;
			}	
			.article-author {
				position: relative;
				top: 15px;
				left: 92px;
				margin-bottom: 1.5em!important;
			}
			*/
		
		
			
		}
		
		@media screen and (max-width: 370px){
		.scrollbox{
			overflow-x : auto;
			white-space:nowrap;
			border:solid 1px;
			min-width:150px;
					}
					
					p.lighttext{
						font-size:1.5em;
					}
					
					#mobatel,
					#mobatel a{
						display:none;
					}
					
					li#menu-item-7275 a,
					li#menu-item-7597 a,
					li#menu-item-184 a,
					li#menu-item-7101 a,
					li#menu-item-559 a,
					li#menu-item-8117 a,
					li#menu-item-2081 a{
						line-height:1.2;
					}
					li#menu-item-7101{
						padding-bottom:10px;
					}
					li#menu-item-5670 a{
						background-size: 75px 42px;
					}
					#frontcorp p{
						font-size:1.2em;
					}
					
				}
				
@media screen and (max-width: 320px) {
					#header-bar h1{
						font-size:9px;
						padding:.2em;
					}
				}
						
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
			/*tableをスクロールさせる*/
		/*tableのセル内にある文字の折り返しを禁止
		table {
			overflow-x: auto;
			white-space: nowrap;
			display:block;
			width:500px;
			height:auto!important;
		}
 
		table tbody {
			width: 100%;
			display:table;
		}*/
 
		/*tableにスクロールバーを追加
		table::-webkit-scrollbar {
			height: 5px;
		}*/
 
		/*tableにスクロールバーを追加
		table::-webkit-scrollbar-track {
			background: #F1F1F1;
		}*/
 
		/*tableにスクロールバーを追加
		table::-webkit-scrollbar-thumb {
			background: #BCBCBC;
		}*/