/*
Theme Name: tokotokocircus
Template: twentyseventeen
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*-------------------------------------------------------
BASE
-------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,
summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
	}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{
	display:block
	}

html{
	-webkit-text-size-adjust:100%
	}

body{
	line-height:1
	}

ol,ul{
	list-style:none
	}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body{
	color:#000;
	/*min-width:960px;*/
	font-size:97.5%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "�q���M�m�p�S ProN W3", Hiragino Kaku Gothic ProN, Arial, "���C���I", Meiryo, sans-serif;
  font-style: normal;
  font-weight: normal;
	line-height:1.6
}
input,textarea,em{}

/*-------------------------------------------------------
MENU
-------------------------------------------------------*/

div.headerpc{
  height: 150px;
  width :100%;
  padding :0;
  box-sizing: content-box;
  /*background :blue;*/
}

.hpcinner{
  max-width:1040px;
  width:100%;
  margin:0 auto;
  padding:20px 20px 0;
  overflow: hidden;
	height:70px;
	/*background:red;*/
	box-sizing: content-box;
}

h1#logoareapc{
  max-width:350px;
  margin:0;
  padding:0;
  float:left;
}
.logohb_img{}

ul.pchmfix_menu{
  padding:0;
  margin:0;
	float: right;
	/*background:green;*/
	height:60px;
	letter-spacing: -.40em;
}
.pchmfix_menu li {
  display: inline-block;
  padding:0 5px 0 0;
  margin:0;
	width:150px;
	letter-spacing: normal;
	vertical-align: middle;
}

.pchmfix_menu li div.menutel{
	height:35px;
	line-height:1.0;
	}
.pchmfix_menu li div.menutel p{
	display: table-cell;
	vertical-align: middle;
	}
span.ateltxt{font-size:80%;}
span.bteltxt{font-size:130%;}


.pchmfix_menu li:nth-child(2) ,.pchmfix_menu li:nth-child(3) {
	height:35px;
	line-height: 35px;
	text-align:center;
	margin:0;
}
.pchmfix_menu li:nth-child(2) {margin-right:-4px;}

.pchmfix_menu li a{color:#000;}
.pchmfix_menu li a{color:#000; text-decoration: none;}
.pchmfix_menu li:nth-child(2) a,.pchmfix_menu li:nth-child(3) a{
	background:#fdfac1;
	display:block;
}
.pchmfix_menu li:nth-child(2) a:hover,.pchmfix_menu li:nth-child(3) a:hover{
	background:#ffefb7;
	color:#000;
}


.headerpcbottom{
  height: 30px;
  line-height: 30px;
  width :100%;
  padding :0;
  margin-bottom:30px;
  box-sizing: content-box;
  background :#323232;
}


.bodyInner ul{padding:0;margin:0;letter-spacing: -0.5em;}

.bodyInner li{
	display:inline-block;
	width:20%;
	padding:5px;
	margin:0;
	/zoom: 1;
	letter-spacing: normal;
	font-size:100%;
	text-align:center;
}
.bodyInner li a{
	padding:5px;
	border:solid #000 1px;
	width:100%;
	display: block;
}
.bodyInner li a:hover{
	color:#fff;
	background:#333;
}



@media screen and (max-width: 800px) {
   /* �\���̈悪1000px�ȉ��̏ꍇ�ɓK�p�����X�^�C�� */
   div.headerpc{display:none;}
   section.headerpcbottom{display:none;}
   .hm_menu_check {/* �`�F�b�N�{�b�N�X���B�� */
     display: none;
   }
   .hm_wrap {
     display: inline-block;
     position :fixed;
     height: 50px;
     top :0;
     left :0;
     width :100%;
     padding :10px;
     box-sizing: content-box;
     background :#fff;
     border-bottom:solid #000 0;
     z-index: 99999;
		 Zoom:1;
   }

	 #logo{
		 width:120px;
		 margin:0 0 0 -60px;
		 top: 10px;
		 left: 50%;
		 position: absolute;
	 }

   /* �������j���[�{�^������ */
   .hm_btn {
     position: relative;
     z-index: 2;
     left:10px;
		 top:15px;
     width: 30px;
     height: 30px;
     cursor: pointer;
     display: block;
     /*float: left;*/
     /*background:blue;*/

   }
   span.hbmenutit{font-size:10px; position: absolute; bottom:0; text-align:center;}

   .hm_btn::before {
     -webkit-box-shadow: #6e3c30 0 13px 0;
     box-shadow: #6e3c30 0 13px 0;
   }
   .hm_btn::after {
     bottom: 21.5px;
   }
   .hm_btn::before,
   .hm_btn::after {
     width: 20px;
     height: 2px;
     background: #000;
     display: block;
     content: '';
     position: absolute;
     -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
     transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
   }
   /* �������j���[�{�^������ */

   .hm_title {/* �n���o�[�K�[���j���[�I�[�v�����̌��o�� */
     position: relative;
     color: #999;
     display: inline-block;
     float: left;
     font-weight: 100;
     line-height: 10px;
     margin: 0 0 0 15px;
     opacity: 0;
     -webkit-transform: translate3d(0, -15px, 0);
     transform: translate3d(0, -15px, 0);
     -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
     transition: transform 0.6s, opacity 0.5s;
     z-index: 2;

   }


   .hm_menu_wrap {
     width :100%;
     /*height :950px;*/
     background: #fff;
     position: absolute;
     left: -100%;
     /*top: 0;*/
     top:70px;
     -webkit-transition: left 0.4s;
     transition: left 0.4s;
     overflow-y: scroll;
     overflow-scrolling: touch;
     -webkit-overflow-scrolling: touch;
		 /*padding-bottom:150px;*/
		 box-sizing: border-box;
   }

   .hm_menu_check:checked ~ .hm_title {
     opacity: 1;
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
   }

	 /*.hm_menu_check:checked ~ .hm_btn::before {
 		-webkit-box-shadow: transparent 0 0 0;
 		box-shadow: transparent 0 0 0;
 		-webkit-transform: rotate(45deg) translate3d(7px, 10px, 0);
 		transform: rotate(45deg) translate3d(7px, 10px, 0);
		}

 	.hm_menu_check:checked ~ .hm_btn::after {
 		-webkit-transform: rotate(-45deg) translate3d(5px, -10px, 0);
 		transform: rotate(-45deg) translate3d(5px, -10px, 0);
		}*/

	 .hm_menu_check:checked ~ .hm_menu_wrap {
     left: 0;
	 	}

   .hm_list {
     list-style-type: none;
     margin: 0 0 0 20px;
     padding: 0 0;
		 width: 85%;
	 	}

	 .hm_list li{
		 width:100%;
		 border-bottom:solid #b3b3b3 1px;
	 }
	 .hm_list li:first-child{padding-top:0;}
	 .hm_list li:last-child{border-bottom:0;}
   .hm_list li a {
     color: #000;
     display: block;
     overflow: hidden;
     padding: 13px 0;
     position: relative;
     text-decoration: none;
     z-index: 1;
		 text-align: left;
		 font-size: 12px;
		}

		.hm_list ul.sub-menu li:first-child{
			padding: 0;
		}

   .hm_list li a::before {/* a�^�O�}�E�X�I�[�o�[���̔w�i */
     background: #eee;
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 100%;
     left: 0;
     -webkit-transition: bottom 0.4s;
     transition: bottom 0.4s;
     z-index: -1;
   }

   .hm_list li a:hover::before {
     bottom: 0;
   }
   .hm_list li a:hover::after {
     opacity: 0.5;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }



   /*------------------------------------------------------- */

   .headerbottom{
     width :100%;
     padding :70px 0 0;
     margin:0 0 20px;
     box-sizing: content-box;

   }

   .hinnerb{
     background :#323232;
     width:100%;
     margin:0 auto;
     border:solid #000 0;
     text-align: center;
   }

   ul.hmfixb_menu{
     padding:0;
     margin:0;
   }
   .hmfixb_menu li {
     display: inline-block;
     padding:8px 0;
     margin:0;
     border-right:solid #bbb 1px;
     width:32%;
     box-sizing: content-box;
   }
   .hmfixb_menu li:last-child {border-right:0;}

   .hmfixb_menu li a{color:#fff; padding:0;}
   .hmfixb_menu li a:hover{background:#000;}


   .wrapper{padding-top:;}

}

@media screen and (max-width: 480px){
  .hm_menu_wrap {
     height :600px;
     padding-bottom:150px;

   }

}



@media screen and (min-width: 799px)  {
  .hm_wrap{display:none;}
  .headerbottom{display:none;}
}


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  .panel {
    height: 100%;
  }
}