body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 0.9rem; -ms-word-wrap: break-word; -webkit-text-size-adjust: 100%;
}
body { margin: 0px; padding: 0px; border: 0;}
/*new_9*/

.titlebar {

   background-color: rgba(204, 0, 0, 0.9); /* 背景を赤色#cc0000;に */
   color:white;               /* 文字を白色に */
   font-weight:normal;          /* 細字にする */
   font-size: 110%;
   padding: 0.2em 1em;
   border-radius: 1px; /* 角の丸み */
}
.titlebar p {
   text-align: center; 
}

.item_a {
  padding: 0.4em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background-color:rgba(235, 242, 247,0.7);
  border-left: solid 10px rgba(33, 150, 244,0.7); /*左線（実線 太さ 色*/
  font-size : 110% ;
   border-radius: 1px; /* 角の丸み */
}

.note {
   background-color: white; /* 背景を白色に */
   color:white;               /* 文字を白色に */
   font-weight:normal;          /* 細字にする */
}

/* */
.subject_2 {
   text-align: left; 
   float: left;      
}
 .date_2 {
   text-align: right; 
} 

.titlebar_2 {
   background-color: 
   color:black;           
   font-weight:normal;    
   font-size: 100%;
   padding: 0.2em 0.5em;
}
/* */


.menuebar { display: table; width: 100%; background-color:#ffffff; color:black; }
.heading_1 { display: table-cell; text-align: left; }

      /* -------------------------------------------------- */
      /*--  ▼スクロールで固定したいメニューバー部分の装飾- */
      /* -------------------------------------------------- */
		#sticky-menubar {
			background: #bada55; 
			color: white;
			font-size: 80%;
			font-weight: normal;
			text-align: center;
			text-shadow: 0 1px 1px rgba(0,0,0,.2);
			width: 100%;
                         border-top: 1px solid #fff;
                         border-bottom: 2px solid #ffffff;
                     
		}

/* ▼グローバルメニュー本体の装飾 #ff0000 #990000 */

		.globalmenu {
			margin:  0px;
			padding: 0px;
		}


		.globalmenu {
                       margin-left :  auto;
                       margin-right : auto;
                       width : 100%;
		} 


		.globalmenu li {
			display: inline-block;
		}
		.globalmenu li a {
			display: block;
			text-decoration: none;
			min-width: 3em;
			padding: 0.4em;
		}
		.globalmenu li a:link,
		.globalmenu li a:visited {
			color: white;
		}
		.globalmenu li a.here {
			background-color: #a9c944;
			color: white;
		}
		.globalmenu li a:hover {
			color: white;
			background-color: green;
		}

/*==========Flexbox 1==============*/

.flex_frame-box {
    background-color: #f0f0f0;     /* 背景色指定#eee */
    padding:  10px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    align-items: stretch;        /* 縦の位置指定 */
    justify-content: space-around; /*全ての要素を均等に配置します。*/
    flex-direction: row;         /* 要素の並び順 */
    flex-wrap: wrap;            /* 折り返し指定 */
    align-content:stretch;      /* 折り返し時の配置指定 */
    /*border: solid 1px #cce5ff; */
    height: auto;              /* 高さ指定 */
    width: 96%;  
/*
    flex-direction:column;         /* 要素の並び順 */
*/
}

/*上下中央寄せ*/

.flex_frame-box {
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*左右中央寄せ*/

.flex_frame-box {
    -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


 
.flex_frame-item {
    padding: 10px;
    color:  #000;               /* 文字色 */
    margin: 10px;              /* 外側の余白 */
    border-radius:  10px;        /* 角丸指定 */
   align-self: stretch;
   //border: solid 1px #cce5ff; 
    text-align:  left;        /* 文字中央揃え */

    width: 40%;               /* 幅指定 *
    font-size:  100%;           /* 文字サイズ */


}
 
.flex_frame-item:nth-child(1) {
    background-color:  #fff; 
    flex:1 1 200px;             /* 幅指定 */
}
 
.flex_frame-item:nth-child(2) {
    background-color: #ffff99; 
    flex:1 1 200px;             /* 幅指定 */
}

/* 
.flex_frame-item:nth-child(3) {
    background-color: #3F51B5; 
}
 
.flex_frame-item:nth-child(4) {
    background-color:  #00BCD4; 
}
*/
.line1 {
 border-bottom:solid 3px #cce5ff; /* ボーダー下部の実線の太さを1pxで指定 */
 }
.double{
 border-bottom: double 3px #cce5ff; /* ボーダー下部のスタイルを二重線で指定する */
 }

/* スマートフォン表示用のコンテンツのみdisplay: none;で非表示にします */
div.sp-area {
   display: none;    /*PCの時は非表示*/
}
uldiv.sp-area {
   display: none;    /*PCの時は非表示*/
}

/*==========Flexbox 1 end==============*/

div.wrap {
    background-color: #f1f1f1;
    width: 760px;/*500px*/
    font-size: 14px;
    padding: 20px;
    margin: 0 auto;
    box-sizing: border-box;
}
div.wrap ul.left-area {
    float: left;
    width: 350px;/*220px*/
    background-color: #ffffff;/*白色*/
    padding: 40px 0;
    text-align: center;
}
div.wrap ul.right-area {
    float: right;
    width: 350px;/*220px*/
    background-color: #ffffff;/*白色*/
    padding: 40px 0;
    text-align: center;
}



#wrap01{
   
  margin-left : auto;
  margin-right : auto;
  width : 800px;
}


/* table スタイルシート NO.1 */

.table {
  border: 1px solid #339900; /*#cce5ff;*/
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
  overflow: hidden;
  font-size: 90%;
}
.table thead th,
table tbody th,
table tbody td {
  padding: .6em .6em;
  border-bottom: 1px solid #339900; /*#cce5ff;*/
}
.table thead th {
  //background-color: rgba(255, 255, 255, 0.7);
  background-color:  rgba(51, 136, 0, 0.7);
    color:  #fff;
  border-left: 1px solid #fff; 
  border-right: 1px solid #fff;       
}
.table tbody th {
  background-color: rgba(255, 255, 255, 0.7);
}
.table thead th + th,
table tbody td {
  border-left: 1px solid #339900; 
}
.table tbody tr:last-child th,
table tbody tr:last-child td {
  border-bottom: none;
}
.table thead tr:first-child th:first-child {
  border-radius: 5px 0 0 0;
}
.table thead tr:first-child th:last-child {
  border-radius: 0 5px 0 0;
}
.table tbody tr:last-child th:first-child {
  border-radius: 0 0 0 5px;
}
.table tbody tr:last-child th:last-child {
  border-radius: 0 0 5px 0;
}


/* 表のcentering　*/
   div.ctable {
      text-align: center; /* IEでセンタリングさせる方法 */
   }
   div.ctable table {
      margin: auto;     /* 標準のセンタリング方法 */
      text-align: left; /* IE用方法の弊害対策用 */
   }


/* 奇数行、偶数行の設定 */

tr:nth-child(odd) {
	background: #ffffff;
}

tr:nth-child(even) {
	background: #ffffff;
}

.center {
   text-align: center;
}
.left {
   text-align: left;
}
.price {
   text-align: right;
}
.middle {
 display: flex;
    justify-content: center;

}

p {
   text-align: justify; /* 両端揃え */
   text-justify: inter-ideograph; /* 両端揃えの種類 */
}
p {
	padding: 4% 0px;
}

a {
	color: rgb(0, 0, 0); text-decoration: none;
}


header {
	display: block;d
}
.youtube        { position:relative; width:100%; padding-top:56.25%; }
.youtube iframe { position:absolute; top:0; right:0; width:100%; height:100%; }
.spn {
	display: none !important;
}

.tablet {
	display: none !important;
}
table {
	border-collapse: collapse;
}

h1 {
	font-size: 60%;  font-weight: 100; margin-bottom: 2px;
}
h2 {
	padding: 4px 0px 2px; font-size: 100%; font-weight: normal;
}
h3----- {
	background: rgb(16, 53, 117); padding: 10px 24px; color: rgb(255, 255, 255); line-height: 1.2; font-size: 120%; font-weight: normal; border-left-color: rgb(0, 155, 228); border-left-width: 6px; border-left-style: solid;
}

h4 {
	padding: 0px 32px 4px; color: rgb(0, 0, 0); font-size: 100%; font-weight: normal; margin-top: 16px; margin-bottom: 0px;
}
h5 {
	background: rgb(255, 255, 255); padding: 0px 32px 4px; color: rgb(0, 0, 0); font-size: 120%; font-weight: normal; margin-top: 16px; margin-bottom: 0px;
}
.bold {
	font-weight: bold;
}

header {
	margin: 0px auto 10px; width: 760px; height: 40px; 
} /*5px*/
/* width:100% dame　*/

header p {
	padding: 0px; color: rgb(16, 52, 116); letter-spacing: 1px; font-size: 1.5rem; font-weight: bold;
}

.logo {
	margin-top: 16px; margin-right: 30px; display: block;
}

.mark {
	margin-top: 16px; margin-right: 30px; display: block;
}
.ticket {
	margin-top: 10px; margin-right: 10px; display: block;
}
.keiyaku_img {
	margin: 10px auto 5px; width: 100%; max-width: 100px;
    text-align: center;
}
.account .account_2 a:hover {
	opacity: 0.8;
} 
.account {
	float: right;
}
.account {
	margin-top: 0px;
}
.account .account_1 {
	letter-spacing: 2px; font-size: 100%; margin-right: 2px; border-bottom-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid;
 padding-bottom: 5px;
}
.account .account_2 {
	background-position: left, right; padding: 5px 20px 5px 20px; border-radius: 5px; color: #ffffff; font-size: 100%; text-decoration: none; background-repeat: no-repeat, no-repeat; background-color: #99ccff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-style:hidden
}

.account li {
	display: inline-block;
}



.account_left .account_2 a:hover {
	opacity: 0.8;
} 
.account_left {
	float: left;
}
.account_left {
	margin-top: 0px;
}
.account_left .account_1 {
	letter-spacing: 2px; font-size: 110%; margin-right: 2px; border-bottom-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid;
 padding-bottom: 5px;
}
.account_left .account_2 {
	background-position: left, right; padding: 5px 20px 5px 20px; border-radius: 5px; color: #ffffff; font-size: 110%; text-decoration: none; background-repeat: no-repeat, no-repeat; background-color: #99ccff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-style:hidden
}

.account_left li {
	display: inline-block;
}



.call .tel a:hover {
	opacity: 0.8;
} 
.call {
	float: center;
}

.call .taxi {
	letter-spacing: 2px; font-size: 110%; margin-right: 10px; border-bottom-color: #99ccff; border-bottom-width: 3px; border-bottom-style: solid;
 padding-bottom: 3px;
}

.call .tel {
	background-position: left, right; padding: 5px 40px 5px 40px; border-radius: 5px; color: #ffffff; font-size: 110%; text-decoration: none; background-repeat: no-repeat, no-repeat; background-color: #99ccff; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-style:hidden
}
.call li {
	display: inline-block;
}
#wrap {
	margin: 0px auto; padding: 32px 0px; width: 760px;  /* 1080 */
}


#contents {
	line-height: 140%;
}
#contents p {
	letter-spacing: 0px !important;
}
#box_01 {
	width: 760px; float: right;
}
#box_01 a {
	color: rgb(0, 155, 228);
}
#box_01 a:hover {
	color: rgb(0, 155, 228);
}

.box_glay {
	padding: 24px; background-color: rgb(238, 238, 238);
}
.box_white {
	padding: 0px; background-color: rgb(255, 255, 255);
}

.dashed_line {
   border-bottom: 1px dashed #cce5ff;
   margin-top: 0px; padding-top: 0px;
   margin-bottom: 0.3em;
   padding-bottom: 0.3em;
}
.dashed_line1 {
   border-width: 1px 0px 0px 0px; /* 太さ1px */
   border-style: dashed; /* 線種を破線に */
   border-color: #cce5ff;   /* 線色を灰色にgray */
   height: 1px;         /* 高さ(※古いIE用) */
   margin-top: 0px; padding-top: 0px;
   margin-bottom: 0.3em;
   padding-bottom: 0.3em;
}
.dashed_line2 {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #cce5ff;   /* 線色red */
   height: 1px;         /* 高さ(※古いIE用) */
   margin-top: 0px; padding-top: 0px;
   margin-bottom: 0.3em;
   padding-bottom: 0.3em;
}

/*
.side_column {
	width: 280px; float: left;
} 

.side_column li {
	margin-bottom: 16px; display: block; 
}
.side_sub {
	background: #cce5ff; padding: 16px; margin-bottom: 16px; border-bottom-color: #888; border-bottom-width: thin; border-bottom-style: solid; border-right-color: #6cf; border-right-width: thin; border-right-style: solid;
} 

.side_sub li {
	margin-bottom: 3px; margin-top: 5px; margin-bottom: 3px;
} 


.side_sub li:first-child {
	text-align: center; bottom: 10px; letter-spacing: 2px; padding-right: 16px; font-size: 100%; font-weight: bold; margin-bottom: 0px; position: relative;
}

.side_sub li:first-child img {
	top: 8px; margin-right: 3px; position: relative;
} 
.side_sub li a {
	background:#ffffff; padding: 14px 14px 14px 32px; border-bottom-color: #cccccc; border-bottom-width: thin; border-bottom-style: solid; border-right-color: #cccccc; border-right-width: thin; border-right-style: solid; display: block;
} 
*/

.comment_box {
	background: #f0f0f0; padding: 20px; margin-bottom: 15px; 
} 
.comment_box li {
	margin-bottom: 5px; margin-top: 5px; margin-bottom: 5px;
    border-radius:  5px;  
    border: 1px solid #cce5ff; 
}
.comment_box li:first-child {
	text-align: center; bottom: 3px; letter-spacing: 2px; padding-right: 16px; font-size: 90%; font-weight: normal; margin-bottom: 0px; position: relative;
}

.comment_box li a {
	background:#ffffcc; padding: 20px 10px 20px 28px; display: block;
} 
.comment_box li  {
	background:#ffffcc; padding: 20px 10px 20px 28px; display: block;
}
.comment_box li a:hover {
	background: #fffafa; color: #990066;
}
.side_sub li a:hover {
	background: #fffafa; color: #cc0066; font-weight: bold;
}
p {
	padding: 12px;
}
footer {
	background: url("../img/---footer.png") repeat-x bottom; padding: 25px 0px 0px; text-align: center; font-size: 75%;
}
footer ul {
	text-align: center; margin-bottom: 5px;
}
footer li {
	padding: 0px 10px 0px 10px; border-right-color: rgb(85, 85, 85); border-right-width: 1px; border-right-style: solid; display: inline-block;
}
footer li:last-child {
	border: currentColor; border-image: none;
}
footer li:last-child {
	border: currentColor; border-image: none;
}
footer   {
	color: rgb(255, 255, 255);
}
footer  :hover {
	color: rgb(255, 255, 0);
}

footer {
	margin: 0px auto 0px; width: 100%; height: 40px;
}

.taxi_ticket_img {
 width: 155px; 
 max-width: 100%; 
 height: auto; 
 margin: auto;
}  

.subscribe {
	padding-top: 10px; border-top-color: #cce5ff; border-bottom-color: #cce5ff; border-top-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-bottom-style: solid; padding-bottom: 10px; padding-left: 0px;
} 
.subscribe_img {
	width: 299px; max-width: 100%; height: auto; float: left;
}  
.subscribe_con ul {
	color: rgb(000, 000, 000);
        text-align: left;
}

.subscribe_con2 {
	width: 50%;
}

.subscribe2 {
	padding-top: 10px; border-top-color: #cce5ff; border-bottom-color: #cce5ff; border-top-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-bottom-style: solid; padding-bottom: 40px; padding-left: 10px;
} 
.subscribe2_img {
	width: 300px; max-width: 100%; height: auto; margin-right: 0px; float: left; 
} 
.subscribe2_con ul {
	color: rgb(000, 000, 000);
        text-align: center;
}

/*
.subscribe2_con {
	width: 50%;
}
*/

.blue_line {
	padding: 0px; font-size: 120%; border-bottom-color: #5fc2f5; border-bottom-width: 1px; border-bottom-style: solid;
} 

.buttom_size {
	width: 17px; max-width: 100%; height: auto; margin-right: 10px; float: left;
}  
#box_01 .textarea {
	padding: 12px 0px; overflow: hidden;
}
#box_01 .textarea p {
	padding: 0px 0px 8px;
}

/*===== map ===== */

.map_frame {
	padding: 4px 4px 4px 4px;
        margin: 10px auto 10px; text-align: center; border: 1px solid #66ccff;
} 

.map img {
	width: 600px; max-width: 100%; height: auto; margin-right: 10px; float: left;
} 

.map{
    width:100%; /*600px;*/
    margin:0px auto;
}
    .map iframe{
        height:400px;
    }

/*===== map end ===== */

.taxi_img {
	width: 200px; max-width: 100%; height: auto; margin-right: 0px; float: left;
}  

.img_center {
  text-align: center;
}

img { 
    max-width: 100%; 
    height:auto;
}

.box_white::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.box_glay::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}

.inbox {
	background: rgb(255, 255, 255); padding: 12px 0px; border-radius: 5px; border: 1px solid rgb(102, 204, 255); border-image: none; width: 98%; text-align: center; color: rgb(255, 153, 0); margin-bottom: 10px; box-sizing: border-box;
} 

.inboxBlock {
    padding: 1.5em 1em;
    margin: 1em auto;
    color: rgb(0, 0, 0);
    font-weight: normal;
    background: #FFF;
    border-top: solid 20px #cce5ff; 
    box-shadow: 0 3px 5px #cce5ff; 
    width: 90%;
}
.inboxBlock li {
    margin: 0; 
    padding: 0;
}

#maps{
  height: 400px;
}
    function initMap() {
      var mapPosition = {lat: 35.715888, lng: 139.344641}
      var mapArea = document.getElementById('maps');
      var mapOptions = {
        center: mapPosition,
        zoom: 16,
      };
      var map = new google.maps.Map(mapArea, mapOptions);
    }

/* ===New Lower menu  ===*/

#scroll-menu {
    height: 40px;
    background-color: #444;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
#scroll-menu .scroll-menu-inner {
    list-style-type: none;
    width: 1000px;
    height: 100%;
    margin: 0;
    padding: 0;
    //text-align: center;
}
#scroll-menu li {
    float: left;
    height: 100%;
}
#scroll-menu a {
    display: block;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    color: #fff;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
    line-height: 40px;
}
#scroll-menu a:active {
    background-color: #555;
}
#scroll-menu a:hover {
       color:#fff; 
       text-decoration:none! important;
       background:#808080; 
}

#scroll-menu {
 border-collapse: separate;
 border-spacing: 0.1px;
 border: 0px solid #cccccc;
 margin: 0px;
}
#scroll-menu li {
 border: 0.5px solid #ffffff;
}

/* === New Lower menu End  ===*/


/* 下部の横スクロールメニュー　 start */

/* 行間　数値のみで指定 */
.direct-num{
    line-height: 1.5
}
.nav-wrap {
  position: relative;
}
.scroll-nav {
  width: 100%;
  background: #808080; /*#F8FCF2;*/ /* メニューの背景色 */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 慣性スクロール */
}
.scroll-nav ul {
  max-width: 1060px; /* メニューの最大幅 */
  min-width: 770px; /* メニューの最小幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
  padding-right: 25px; /* 右側の固定分余白を空ける */
  padding-left: 15px; /* 左側の固定分余白を空ける */
}
.scroll-nav ul li {
  float: left;
  width: auto; /*110px;*/ /* メニューの個別の幅 */
  text-align: center;
  padding: 0.5px 6px;
}

.scroll-nav ul li {
  //border-top: 3px solid #808080;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  //border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
.scroll-nav ul li + li {
    border-left: none;
}


.scroll-nav ul li:hover {
  background: #222; /*#222;*/ /* マウスホバー時の背景色 */
}
.scroll-nav ul li a {
  display: inline-block;
  color: #fff; /* メニューの文字色 */
  text-decoration: none;
}
.next-btn { /* 右側に固定する部分 */
  position: absolute;
  top: 0;
  right: 0;
  width: 25px; /* 固定部分の幅 */
  height: 40px; /* メニューの高さに合わせる */
  line-height: 40px;
  background: #fff;
  color: #555;
}
@media only screen and (min-width: 771px) { /* PCサイズでの指定 */
.scroll-nav ul {
  padding: 0;
  float: left;
}
.scroll-nav ul li {
  width: auto; /*14.2%;*/ /* メニューの個別の幅 */
}
.next-btn {
  display: none; /* 右側の固定部分を非表示 */
}
}

/* 下部の横スクロールメニュー  end */


/* === the secound menu from the bottom ===*/

ul.nav2	{
	display:table;
        border-collapse: separate;
        border-spacing: 0px 0px; /*3px 0*/
	table-layout: auto;
	width:100%;
        margin(padding):10 10) /*10 10*/
}
ul.nav2 li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.contents2 {
          padding: 0px 0px; bottom: 0; /*0px 0px 0*/
}
.contents2 ul {
       list-style:none; padding:0; margin:0;



}
.contents2 ul li {
       padding:0; margin:10; /* 0 0 */
}

.contents2 ul li a {
       color:#2196f4; text-decoration:none! important;
       /*background-image: linear-gradient(to bottom, #fefefe,*/
       background:#fff;
       padding:5px;
       display:block! important;
       border-radius:0px; 
       /*border:1px solid #2196f4;*/
}
.contents2 ul li  {
       background:#2196f4;
       color:#fff; 
}
.contents2 ul li a {
       background:#faffff;
       border-right: 1px dotted #2196f4;
       /*border-bottom: 1px dotted #2196f4;*/
       border-top: 1px dotted #2196f4;
}
.contents2 ul li a:hover {
       color:#fff; 
       text-decoration:none! important;
       background:#21c8f4; /*#2196f4*/
}




.applicable  {
       background:#99ccff; 
       color:#000;
}

#triangle {
     max-width: 50%;
     margin: 10px auto;
     width: 0; height: 0;
     border-left: 40px solid transparent;
     border-right: 40px solid transparent;
     border-top: 25px solid #cce5ff;
     font-size: 20px;
     color: #000;
     text-align: center;
}

#triangle p {
  position: relative;
  top:150%;
  transform: translateY(-150%);
}

.arrow1 {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.arrow1:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #ff69b4;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
.arrow1:after {
    content: '';
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -3px;
}

.arrow2{
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}

.arrow2::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid #ff0000;
  -webkit-border-radius: 25%;
  border-radius: 25%;
}

.arrow2::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 5px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #ff0000;
}

.arrow {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-left: 10px;
  font-size: 15px;
}

.arrow::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

.arrow_shita {
  position: relative;
}
.arrow_shita::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 12px solid transparent;
  border-top: 12px solid #f00;
  border-bottom-width: 0;
}

.haijima_taxi2_img {
	margin: 5px auto 5px; width: 100%; max-width: 120px;
}


 /* ==================================== */
 /* ▼横幅760px以下の場合に適用されるCSS */
 /* ==================================== */

@media only screen and (max-width: 760px)

{
.spn {
	display: block !important;
}

.spn100 {
	width: 100%;
}
.pc {
	display: none !important;
}

.logo {
	margin: 0px auto 8px; width: 100%; max-width: 180px;
}
.//logo {
	margin: 0px auto 8px; width: 100%; max-width: 260px;
}


.mark {
	margin: 10px auto 8px; width: 100%; max-width: 20px;
}
.taxi_ticket_img {
	margin: 10px auto 8px; width: 100%; max-width: 155px;
        text-align: center;
}
.keiyaku_img {
	margin: 5px auto 5px; width: 100%; max-width: 100px;
}
.phone_img {
	margin: 5px auto 5px; width: 100%; max-width: 40px;
}
.haijima_taxi2_img {
	margin: 2px auto 2px; width: 100%; max-width: 100px;
}
.account {
	display: none;
}  

table {
	font-size: 0.7rem;
}
th {
	padding: 1%;
}
td {
	padding: 1%;
}
.spn100 {
	width: 100%;
}
p {
	padding: 4% 0px;
}
.buttom_size {
	width: 17px; max-width: 80%; height: auto; margin-right: 10px; float: left;
}  /* max-widthとmin-width　*/


h4 {
	background-position: left; padding: 0px 0px 4px 32px; font-size: 0.9rem; margin-top: 4px;
}
h3 {
	padding: 10px 4%; line-height: 1.2; font-size: 1rem;
}
.site {
	margin: 0px auto 10px; text-align: left;
}

.side_column iframe {
	width: 100%; height: 100%; min-height: 240px;
}

h4.home_h4 {
	margin: 0px; padding: 10px 10px 10px 10px; font-size: 1rem;
}  

#contents {
	margin: 0px 5%; width: auto;
}

header {
	margin: 0px 5%; width: auto;
}

.map{
   width:95%;
}
.map iframe{
    height:400px;
  //margin-left: 10px;
  }

.menu {
   width: 100%;
   /*background: #4499cc;*/
   position: fixed;
   bottom: 0;
   /*z-index:0;*/
 }


#wrap {
	margin: 0px 5%; width: auto;
}
#box_01 {
	margin: 0px 5%; width: auto;
}

h1 {
	margin-bottom: 8px;
}

header {
	margin: 0px auto 0px; 
       text-align: 
       center; display: block;
        height: 25px;
} /*10px*/

.title_center {
	text-align: center; 
}

#wrap {
	margin: 0px; padding: 5% 0px;
}


.subscribe {
	text-align: center; float: none;
}


.subscribe {
	padding-top: 10px; border-top-color: #cce5ff; border-bottom-color: #cce5ff; border-top-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-bottom-style: solid; padding-bottom: 10px; padding-left: 10px;
} 


.subscribe_img {
	margin: 0px 0px 1%; width: 60%; float: none;
}

.subscribe_con img {
	width: 80%;
}
.subscribe_con2 {
	width: 100%;
}
.subject li {
   text-align: left;  
   float: none;     
}



.subscribe2 {
	text-align: center; float: none;
}
.subscribe2 {
	padding-top: 10px; border-top-color: #cce5ff; border-bottom-color: #cce5ff; border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid; padding-bottom: 30px; padding-left: 10px;
} 
.subscribe2_img {
	margin: 0px 0px 3%; width: 50%; float: none;
}
.subscribe2_con img {
	width: 100%; max-width: 299px;
	margin: 0px 10px 0px;
}
.subscribe2_con {
    float: none;/*floatをnoneで解除*/
    width: auto; /*幅をpx指定していたものをautoに設定*/
}

.call ul {
        text-align: center;
}

.taxi_ticket_img {
	margin: auto; width: 90%; 
}
.spn_blue_line {
	padding: 0px; border-bottom-color: #5fc2f5; border-bottom-width: 1px; border-bottom-style: solid;
} 

.box_glay {
	padding: 10px 5%; background-color: rgb(238, 238, 238);
}

.box_white {
	padding: 0px 0%; background-color: rgb(255, 255, 255);
}
h4.inbox {
	background: rgb(255, 255, 255); margin: 0px 0px 8px; padding: 10px 0px; border-radius: 5px; border: 1px solid rgb(0, 155, 228); border-image: none; width: 100%; text-align: center; color: rgb(0, 155, 228); font-size: 80%; box-sizing: border-box;
}
h4.inbox_red {
	background: rgb(219, 52, 149); margin: 0px 0px 8px; padding: 10px 0px; border-radius: 5px; border: 1px solid rgb(219, 52, 149); border-image: none; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 80%; box-sizing: border-box;
}
.ins_company {
	padding: 10px 5%; margin-bottom: 24px;
}
.inbox {
	padding-right: 10px; padding-left: 10px;
}

#box_01 {
	margin: 0px 0px 30px; width: 100%; float: none;
}
.ins_company {
	padding: 10px 5%; margin-bottom: 24px;
}

.comment_box {
	background: #f0f0f0; padding: 20px; margin-bottom: 15px; 
} 
.comment_box li {
	margin-top: 5px; margin-bottom: 10px;
}
.comment_box li:first-child {
	text-align: center; bottom: 3px; letter-spacing: 2px; padding-right: 16px; font-size: 80%; font-weight: normal; margin-bottom: 0px; position: relative;
}
.comment_box li a {
	background:#ffffcc; padding: 15px 7px 15px 16px; display: block;
} 
.comment_box li  {
	background:#ffffcc; padding: 15px 7px 15px 16px; display: block;
}
.comment_box li a:hover {
	background: #fffafa; color: #009be4;
}

#triangle {
max-width: 50%;
margin: 10px auto;
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 20px solid #cce5ff;
font-size: 20px;
color: #000;
text-align: center;
}

#triangle p {
  position: relative;
  top:150%;
  transform: translateY(-150%);
}

.taxi_img {
	width: 200px; max-width: 100%; height: auto; margin-right: 0px; float: left;
}  

div.sp-area {
   display: block;/*スマートフォンの時は表示*/
}
div.pc-area {
   display: none;/* PCの時は非表示*/
}
.titlebar {
   background-color: rgba(204,0,0,0.7); /* 背景を赤色#cc0000;に */
   color:white;               /* 文字を白色に */
   font-weight:normal;          /* 細字にする */
   font-size: 90%;
   padding: 0.2em 0.2em;
   border-radius: 1px; /* 角の丸み */
   margin: 0px 0px 0px 0px;
}
.titlebar p {
   text-align: center; 
}
.item_a {
  padding: 0.4em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background-color:rgba(235, 242, 247,0.7);
  border-left: solid 10px rgba(33, 150, 244,0.7); /*左線（実線 太さ 色*/
  font-size : 90% ;
   border-radius: 1px; /* 角の丸み */
}

}

/* ==================================== */
 /* ▼横幅760px以下の場合に適用されるCSS */
 /* ==================================== */

@media only screen and (max-width: 760px)
{
    div.wrap {
        width: auto;/*幅をpx指定していたものをautoに設定*/
    }
    div.wrap ul.left-area {
        float: none;/*floatをnoneで解除*/
        width: auto;/*幅をpx指定していたものをautoに設定*/
        margin-bottom: 10px;/*left-areaとrighat-areaの間に余白を入れる*/
    }
    div.wrap ul.right-area {
        float: none;/*floatをnoneで解除*/
        width: auto;/*幅をpx指定していたものをautoに設定*/
    }
}






 /* ======================================= */
 /* ▼横幅761px〜1100pxの場合に適用されるCSS */
 /* ======================================= */

@media screen and (max-width:1100px) and (min-width:761px)
{
.tablet {
	display: block !important;
}
header > div {
	margin: 0px 10px; width: auto !important;
}
footer > div {
	margin: 0px 10px; width: auto !important;
}
#contents {
	margin: 0px 10px; width: auto !important;
}
#g_nav ul {
	margin: 0px 10px; width: auto !important;
}
#side_column {
	margin: 0px 10px; width: auto !important;
}


header {
	margin: 0px auto 10px; 
        width: 760px; 
        height: 40px; 
}
.logo {
	width: 10%; margin-right: 3%; display: block; max-width: 30px;
}


.account {
	margin: 0px 0px 0px; float: right;
}
.account .account_1 {
	font-size: 110%; margin-right: 0px;
}
.account .account_2 {
	background-position: right; margin: 0px; padding: 10px 20px 10px 20px; font-size: 110%; background-repeat: no-repeat;
} 
.account li {
	display: inline-block;
} 
#wrap {
	margin: 0px auto; padding: 32px 0px; width: 100%; max-width: 760px;
}
#box_01 {
	width: 100%;
}
.side_column {
	margin: 30px 0px; width: 100%; 
}

.titlebar {
   background-color: rgba(204, 0, 0, 1.0); /* 背景を赤色#cc0000;に */
   color:white;               /* 文字を白色に */
   font-weight:normal;          /* 細字にする */
   font-size: 90%;
   padding: 0.2em 0.2em;
   border-radius: 1px; /* 角の丸み */
   margin: 0px 0px 0px 0px;
width: auto;
}
.titlebar p {
   text-align: center; 
}
#item_a {
  padding: 0.4em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background-color:rgba(235, 242, 247,0.7);
  border-left: solid 10px rgba(33, 150, 244,0.7); /*左線（実線 太さ 色*/
  font-size : 90% ;
   border-radius: 1px; /* 角の丸み */
}

}



.e_othorday {
  background-color: #b0e0e6;
 }
.every_day {
  background-color: #ffc0cb;
 }
.night_shift {
  background-color: #e6e6fa;
 }

.list h1 {
  background-color: #b0e0e6;
  border: 1px solid #cce5ff;
  padding: 1%;
  border-radius: 5px
}
.main h1 {
  background-color: #ffc0cb;
  border: 1px solid #cce5ff;
  padding: 1%;
  border-radius: 5px
}
.side h1 {
  background-color: #e6e6fa;
  border: 1px solid #cce5ff;
  padding: 1%;
  border-radius: 5px
}


.work {
  background-color: #cce5ff;

}
.main {
  border: 1px solid #cce5ff;
  border-bottom-width: thin; /*thick*/
  border-right-width: thin;
  margin: 10px 0;
}
.side {
  border: 1px solid #cce5ff;
  border-bottom-width: thin;
  border-right-width: thin;
}
.list {
  border: 1px solid #cce5ff;
  border-bottom-width: thin;
  border-right-width: thin;
}
.main,
.side,
.list {
  padding: 1%;
  border-radius: 5px
}

 /* ======================================= */
 /* ▼横幅761px以上の場合に適用されるCSS    */
 /* ======================================= */

@media ( min-width : 761px )
{
    .flexbox {
    display: -webkit-flex;
    display: flex;
    }
  .main {
   margin: 0 10px; /* 0 10 */
    -webkit-flex: 1;
    flex: 1;
  }
  .side {
    -webkit-flex: 1;
    flex: 1;
  }
  .list {
    -webkit-flex: 1;
    flex: 1;
  }
}

/* スクロールでページトップ　パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 80px; /*下からのボタンの配置場所を指定*/
    right: 15px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #a9a9a9; /*ボタンの背景色 #ff0099*/
    opacity: 0.75; 
    text-align: center; /*文字を中央に配置*/
    border-radius: 10%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
       border:1px solid #808080; 
}
#PageTopBtn a:hover {
    text-decoration: none; 
    color: #fff; /*文字の色*/
    background: #808080; /*マウスオーバー時の背景色#ff9999*/
}

/*パソコンで表示する場合のCSS*/
 /* ======================================= */
 /* ▼横幅761px以上の場合に適用されるCSS */
 /* ======================================= */

@media ( min-width : 761px )
{
#PageTopBtn {
    font-size: 25px; /*文字のサイズ25px*/
}
#PageTopBtn a {
    width: 50px; /*ボタンの幅*/
    height: 38px; /*ボタンの高さ*/
    padding: 5px 0; /*文字の配置場所の調整*/

}

}

/*スマホで表示する場合のCSS*/
 /* ==================================== */
 /* ▼横幅760px以下の場合に適用されるCSS */
 /* ==================================== */
@media only screen and (max-width: 760px)
{
#PageTopBtn {
    font-size: 20px;
 z-index:9999999;
}
#PageTopBtn a {
    width: 40px;
    height: 28px;
    padding: 5px 0;
}
}

 /* ======================================= */
 /* ▼横幅761px以上の場合に適用されるCSS */
 /* ======================================= */

@media ( min-width : 761px )
{
  a[href^="tel:"]{
    pointer-events: none;
  }
}