@charset "UTF-8";
/*3rdcom
デザイン
*/
#ht_go_menu_button{
	display:none;
}

.button-sub {
	background: #fc75af;
    width: 210px;
    max-width: 300px;
    height: 44px;
    padding: 10px;
}
@media screen and (max-width:1023px) {
    /*　画面サイズが1023px以下はここを読み込む　*/
 
}
@media screen and (max-width:768px) {
    /*　画面サイズが767px以下はここを読み込む　*/
	body{
		width:100vw;
		margin:0;
		padding:0;
		-ms-overflow-style: none;
		scrollbar-width: none;

	}
	body::-webkit-scrollbar { 
		display:none;
	}

	.about-app-download {
		width: 100%;
		max-width:300px
	}
	.about-app-download a:first-child {
		margin-right: 3%;
	}
	.about-app-download a {
		width: 50%;
	}
	#ht_go_menu .text-right {
		text-align: center!important;
		margin-top:10px;
	}
	#ht_go_menu small {
		font-size: 16px;
	}
	.header-logo {
		margin-bottom: 0;
		width: 40%;
		z-index: 10100;
	}
	.header-logo img{
		margin-bottom: 0;
		width: 90px;
		height:auto;
	}
	#ht_go_menu_button{
		display:block;
	}
	/* 浮き出しmodal用 */

	.ht_go_scrollbar-y-on {
	 overflow-y: scroll;
	}

	.ht_go_nonscrollbar {
		-ms-overflow-style: none;
		scrollbar-width: none;

	}
	.ht_go_nonscrollbar::-webkit-scrollbar { 
		display:none;
	}
	#ht_go_menu_button {
	    z-index: 10020;
	    position: absolute;
	    top: 13px;
	    right: 7px;
	    width: 42px;
	    height: 42px;
	    border-radius: 21px;
	    margin: 5px;
	    background-color: unset;
	    opacity: 1;
	}
	#ht_go_menu_button a{
		position: absolute;
		z-index:10150;
		height:120%;
		width:120%;
		left: -5px;
		top: -8px;
		cursor:pointer;
	}
	.ht_go_menu-line1,
	.ht_go_menu-line2,
	.ht_go_menu-line3 {
		position: absolute;
		left: 9px;
		width: 34px;
		height: 7px;
		border-radius: 6px;
		background-color: #979090;
		transition-duration: 1s;
		z-index:10100;
	}
	.ht_go_modal-open {
	  display:block;
	}
	.ht_go_menu-line1 {
		top:6px;
	}
	.ht_go_menu-line2 {
		top:20px;
	}
	.ht_go_menu-line3 {
		top:34px;
	}
	.ht_go_modal-close {
	  display:block;
	}
	a.ht_go_modal-close > .ht_go_menu-line1 {
	  -webkit-transform: translateY(14px) rotate(-45deg);
	  transform: translateY(14px) rotate(-45deg);
	}
	a.ht_go_modal-close > .ht_go_menu-line2 {
	  opacity: 0;
	}
	a.ht_go_modal-close > .ht_go_menu-line3 {
	  -webkit-transform: translateY(-14px) rotate(45deg);
	  transform: translateY(-14px) rotate(45deg);
	}
	#ht_go_menu {
		width: 100%;
		max-width: 400px;
		min-width: 300px;
		overflow:hidden;
		margin-top:20px;
		text-decoration: none;
		text-align: center;
		z-index:9999;
		display:block;
	}

	#ht_go_menu h2{
		width: calc(100% - 38px);
		margin:0px auto;
		margin-top:3px;
		padding:11px 0px 9px 38px;
		border-bottom: 1px solid #aaa;
		border-radius:10px 10px 0px 0px;
		font-weight:bold;
		background-size: auto 100%;
	}
	#ht_go_menu ul{
		list-style-type:none;
		width: 100%;
		margin: 82px auto 0px;
		padding:0px;
	}

	#ht_go_menu li{
		width: 98%;
		margin:0px auto;
		padding:3px 1%;
		color:#000;
		text-align: center;
		border-right:none;
	}
/*
	#ht_go_menu li:hover,
	#ht_go_menu li:active,
	#ht_go_menu li.li_here{
		border-bottom: 1px solid #aaa;
		color:#fff;
		transform: scale(1.1);	
		transition-duration: 0.3s;
	}
*/
	#ht_go_menu a:hover,
	#ht_go_menu a:active{
		text-decoration: none;
	}
	#ht_go_menu ul li a{
		margin:0px 0px 0px 0px;
		padding:5px 5px 5px 10px;
		display:block;
		color: #000;
		text-decoration:none;
	}
	.navbar {
	    position: unset;
	}
	#ht_go_menu-content {
		position: absolute;
	    width: 100%;
	    max-width: 768px;
	    margin: 5px auto;
	    padding: 0px 0px 20px;
	    display: none;
	    z-index: 10020;
	    background: #fff;
	    top: 0px;
	    left: 0px;
		height:auto;
	}

	.ht_go_modal-fixed {
		position: fixed;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling:touch;
	}

	#ht_go_menu-content p {
		margin:0;
		padding:0;
	}

	.ht_go_modal-overlay {
		z-index:900;
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:120%;
		background-color:rgba(0,0,0,1);
		opacity:0.5;
	}

	.ht_go_modal-wrap {
		display:none;
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		overflow:auto;
		z-index:10010;
	}


	.ht_go_modal-open {
		text-decoration:none;
	}

	.ht_go_modal-open:hover {
		cursor:pointer;
	}

	.ht_go_modal-close {
		text-decoration:none;
	}

	.ht_go_modal-close:hover {
		cursor:pointer;
	}
	/*メニューここまで*/
	.about .app-banner .container img {
		width: 45px;
		margin-right: 1em;
	}
	.about-lead .speech-area img {
		width: 70px;
	}
	.about-lead .speech-area {
		width: 100%;
		margin: 0 auto;
	}
	.about-app .speech-area {
		width: 100%;
		margin: 0 auto;
	}
	.about-app .speech-area img {
		width: 130px;
	}
	/*search*/
	.searchTop tr {
		display: table-cell;
	}
}
@media screen and (max-width:480px) { 
    /*　画面サイズが480px以下はここを読み込む　*/
	.about .app-banner .container p {
		width: calc(94% - 45px - 1em);
		margin-bottom:5px;
	}
	.about .app-banner .container {
		flex-wrap: wrap;
	}
	.about-app .speech-bubble {
		font-size: 90%;
	}
	/*search*/
	.searchTop tr {
		display: block;
	}
	.page-link {
	    padding: .5rem 2vw;
	}
}