@media
only screen and (max-width:768px) {
/* スマホ上部固定メニューdrawr-menu.js-css */
/* 後入れ */
#menu_block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: stretch;
  width: 100%;
  height: 20vw;
  position: fixed;
  top: 0px !important;
  z-index:10 !important;
  background-color: #fcc800;
}
/* end */
.btn-home{
  background: transparent url(https://tontonseikotsu.com/wp/wp-content/themes/tonton-wp/images/menu-home.jpg) no-repeat 0 0;
  background-size:contain;
  top: 0px;
  z-index: 200;
  cursor: pointer;
  width: 20vw;
  height: 20vw;
}
.btn-ac {
  background: transparent url(https://tontonseikotsu.com/wp/wp-content/themes/tonton-wp/images/menu-pin-map.jpg) no-repeat 0 0;
  background-size:contain;
  top: 0px;
  z-index: 200;
  cursor: pointer;
  width: 20vw;
  height: 20vw;
}
.btn-ryo{
  background: transparent url(https://tontonseikotsu.com/wp/wp-content/themes/tonton-wp/images/menu-ryokin.jpg) no-repeat 0 0;
  background-size:contain;
  top: 0px;
  z-index: 200;
  cursor: pointer;
  width: 20vw;
  height: 20vw;
}
.btn-shoujou {
  background: transparent url(https://tontonseikotsu.com/wp/wp-content/themes/tonton-wp/images/menu-shoujou.jpg) no-repeat 0 0;
  background-size:contain;
  top: 0px;
  z-index: 200;
  cursor: pointer;
  width: 20vw;
  height: 20vw;
}
.btn-menu {
  background: transparent url(https://tontonseikotsu.com/wp/wp-content/themes/tonton-wp/images/menu-icon.jpg) no-repeat 0 0;
  background-size:contain;
  right: 0px;
  top: 0px;
  z-index: 200;
  cursor: pointer;
  width: 20vw;
  height: 20vw;
}
/* --タップで裏返しぶた-- */
.peke {
  background: transparent url(https://tontonseikotsu.com/wp/wp-content/themes/tonton-wp/images/menu-ura.jpg) no-repeat 0 0;
  background-size:contain;
  width: 20vw;
  height: 20vw;
}
.drawr-ac {
  right: 0;
  display: none;
  background-color: #fff;
  position: absolute;
  top: 0px;
  width: 80vw;
  padding: 20px 0 20px 0px;
  z-index: 300;
}
.drawr-menu {
  left: 0;
  display: none;
  background-color:#fff;
  position: absolute;
  top: 0px;
  padding: 0px 0 20px 0px;
  z-index:300;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);/*画面より100%外へ押し出し非表示にさせる*/
}
.drawr-shoujou {
  left: 0;
  display: none;
  position: absolute;
  top: 0px;
  width: 60vw;
  padding: 0px 0 20px 0px;
  z-index:300;
}
#menublockin,#menublockin li{
  margin: 0;
  padding: 0;
  list-style: none;
}
#menublockin li  a{
  color: #000;
  display: block;
}
#menublockin {
	margin: 0;
	max-width: 900px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  width: 80vw;
}
#menublockin h3{
	font-weight: normal;
	margin: 0 auto;
	font-size: 1.25em;
}
#menublockin ul {
	margin: 0;
	padding: 0;
  background-color:#fff;
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
/*BUTTON*/
.sec_spmenu_img img{
  vertical-align: top;
  margin-bottom: 20px;
}
.sec_spmenu2 .target,.sec_spmenu2.active a,.sec_spmenu2 .target ul {
	background-color: #ffff83 !important;
}
.sec_spmenu2 .target .active a {
	background-color: #161b1d;
}
.sec_spmenu2 .target .active a:hover {
	background-color: #2c363a !important;
}
.sec_spmenu2 .target .active a:before {
	background-color: #fcc800 !important;
}
.sec_spmenu2 .active a:hover {
	background-color: #ffb333 !important;
}
.sec_spmenu .trigger {
	line-height: 1em;
	background-color: #fcc800;
}
.sec_spmenu .trigger a {
	position: relative;
	display: block;
	padding: .5em .6em;
	color: #425157;
	text-decoration: none;
	-webkit-transition: .35s all ease;
	transition: .35s all ease;
}
.sec_spmenu .trigger a:hover {
	background-color: #fcc800;
}
.sec_spmenu .trigger a:before, .sec_spmenu .trigger a:after {
	position: absolute;
	display: block;
	content: '';  /*矢印のやつ*/
	width: 3px;
	background-color: #425157;
	-webkit-transition: .25s all ease;
	transition: .25s all ease;
	border-radius: 10px;
}
.sec_spmenu .trigger a:before {
	top: .75em;
	right: 20px;
	height: 12px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sec_spmenu .trigger a:after {
	top: .75em;
	right: 13px;
	height: 12px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sec_spmenu .target {
	z-index: 1;
	display: none;
	margin: 0 auto;
	padding: 0;
	color: #425157/**/
}
.sec_spmenu .target .target a,.sect_spmenu .target .target a:hover,
.sec_spmenu .target .trigger a{
	background-color: #fcc800;
}
.sec_spmenu .target .trigger a:before, .sec_spmenu .target .trigger a:after {
	background-color: #fff;
}
.sec_spmenu .target .trigger a:before {
	top: .5em;
	right: 16px;
}
.sec_spmenu .target .trigger a:after {
	top: .85em;
	right: 16px;
}
.sec_spmenu .target .active a {
	/* 子階層のアクティブ箇所 */
	padding-left: 1.5em;
	padding-right: 1.5em;
	color: #fff;
}
.sec_spmenu .target .active a:hover {
	background-color: #fcc800;
}
.sec_spmenu .target .active a:before, .sec_spmenu .target .active a:after {
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.sec_spmenu .target .active a:before {
	top: .65em;
	left: 1em;
	width: 3px;
	height: 12px;
}
.sec_spmenu .target .active a:after {
	display: none;
}
.sec_spmenu .target ul li a {
	padding: .5em 1em .6em;
}
.sec_spmenu .target a {
	display: block;
	color: #425157;/*プルダウン下*/
	-webkit-transition: .35s all ease;
	transition: .35s all ease;
}
.sec_spmenu .active a {
	color: #fff;
}
.sec_spmenu .active a:before,.sec_spmenu .active a:after {
	background-color: #fff;
}
.sec_spmenu .active a:before,.sec_spmenu .active a:after {
	top: .65em;
	right: 16px;
	height: 16px;
}
.sec_spmenu > ul > li:last-of-type {
	border-bottom: 0;
}
.tri{
	background-color: #ffffff;
	border-bottom: 1px #f5f5f5 solid;
	z-index: 300;
	line-height: 1em;
}
.sec_spmenu .tri a {
	position: relative;
	display: block;
	padding: .5em .6em;
	color: #425157;
	text-decoration: none;
	-webkit-transition: .35s all ease;
	transition: .35s all ease;
}
.sec_spmenu .tri a:hover {
	background-color: #fcc800;
}
.sec_spmenu .tri a:before, .sec_spmenu .tri a:after {
	position: absolute;
	display: block;
	width: 3px;
	background-color: #425157;
	-webkit-transition: .25s all ease;
	transition: .25s all ease;
	border-radius: 10px;
}
.sec_spmenu .tri a:before {
	top: .75em;
	right: 20px;
	height: 12px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sec_spmenu .tri a:after {
	top: .75em;
	right: 13px;
	height: 12px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*--ここまで--*/
.left_bnr-sp img{
  width: 200px;
  height: 104px;
}
/* スマホで戻った際の位置ずれを防止　drawr.js内　初期はabsoluteな要素にしておく */
.fixed-element {
    position: absolute;
}
/* .do-fixedが付いたときだけfixedを適用する */
.do-fixed .fixed-element {
    position: fixed;
}
/* END */
/* 下部lineblock */
#menu_block_line{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  width: 100%;
  position: fixed;
  bottom: 0px !important;
  z-index:9 !important;
}
#menu_block_line img{
  width: 90%;
  height: 18vw;
  margin: 0 7px;
}
/* スマホ上部固定メニュー特定ページのみ非表示 .post-<ID>(例:post=77)*/
#post-132 #post-320 .postid-300 .postid-329 .postid-310 .postid-332 .menu_block_line img {
    display: none;
}
.page-id-132 .menu_block_line  {
    display: none;
}
/*新スマホ下部ラインと電話バナーheader3*/
.menu_bnr_footer {
  background: #ffff83;
   width: 100%;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display:flex;
   justify-content: space-around;
   position: fixed;
   bottom: 0px !important;
   z-index:9 !important;
}
.menu_label1 {
  width:100%;
  text-align: center;
}
.menu_label1 img {
  width: 90%;
}
.menu_label2 {
  width:100%;
  text-align: center;
}
.menu_label2 img {
  width: 90%;
}
.menu_line {
  display: none;
  background-color: #fff;
  position: absolute;
  bottom: 60px;
  padding: 10px;
  z-index: 300;
  width: 40vw;
  left:  10px;
}
.menu_phone {
  display: none;
  background-color: #fff;
  position: absolute;
  bottom: 60px;
  padding: 10px;
  z-index: 300;
  width:45vw;
  right: 0;
}
.txt_b {font-size: 15pt;}
.txt_s {font-size: 3.2vw;}
.menu_txt {
  font-weight: bold;
  padding: 5px 0;
  display: block;
  margin: 5px 0;
  height: 15px;
}
.menu_t {
 display        : inline-block;
 color          : rgba(255, 255, 255, 0.94);
 letter-spacing : 1px;
 text-shadow    :
      2px  2px 1px rgba(153, 0, 0, 0.92),
     -2px  2px 1px rgba(153, 0, 0, 0.92),
      2px -2px 1px rgba(153, 0, 0, 0.92),
     -2px -2px 1px rgba(153, 0, 0, 0.92),
      2px  0px 1px rgba(153, 0, 0, 0.92),
      0px  2px 1px rgba(153, 0, 0, 0.92),
     -2px  0px 1px rgba(153, 0, 0, 0.92),
      0px -2px 1px rgba(153, 0, 0, 0.92);        /* 文字の影 */
}






}