/*--------------------------------------------------------------------------
 * tablet
----------------------------------------------------------------------------*/
@media only screen and (max-width: 930px) {
/*----------------------------------
	body
-----------------------------------*/
.br-pc {
	display: none;
}
.br-sp {
	display: none;
}
.br-tablet {
	display: block;
}
.block {
	width: 95%;
}
.gnavi__pc-style {
  display: none;    
}
.gnavi__sp-style {
  display: block;
}
/*----------------------------------
	nav
-----------------------------------*/
/*メニューボタン　展開前*/
.menu-btn {
	display : block;
	position: fixed;
	z-index : 3;
	right : 30px;
	top   : 30px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}
.menu-btn span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px ;
	left    : 6px;
	background : #555;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}
.menu-btn span:nth-of-type(1) {
	top: 10px;
}
.menu-btn span:nth-of-type(2) {
	top: 20px;
}
.menu-btn span:nth-of-type(3) {
	top: 30px;
}
  
/*メニューボタン　展開後*/
.menu-btn.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	background :#fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
}
.menu-btn.active span:nth-child(2),
.menu-btn.active span:nth-child(3) {
	top: 16px;
	background :#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
}

/*スマホ用のメニュー*/
.gnavi__sp-style {
	position: fixed;
	z-index: -1;
	top: -100vh;
	left: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: opacity .6s ease, visibility .6s ease;
	display: flex;
	align-items: center;
	font-size: 2.4rem;
}
.gnavi__sp-style ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.gnavi__sp-style ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	transition: .4s all;
}
.gnavi__sp-style ul li:last-of-type {
	padding-bottom: 0;
}
.gnavi__sp-style ul li:hover{
	background :#ddd;
}
.gnavi__sp-style ul li a {
	display: block;
	color: #fff;
	padding: 1em 0;
	text-decoration :none;
}
.gnavi__sp-style.active {
	opacity: 1;
	top: 0;
}
/*----------------------------------
	br 
-----------------------------------*/
.br-tablet {
	display: block;
}
/*----------------------------------
	header
-----------------------------------*/

/*----------------------------------
	footer
-----------------------------------*/
.footer-list {
	width: 70%;
	margin: 0 auto 3.0rem;
	display: block;
}
.footer-list li{
	width: 100%;
	margin-bottom: 2.0rem;
}
/*----------------------------------
	index
-----------------------------------*/
#keyv {
    height: 50vh;
}
.keyv-slider li {
    height: 50vh;
}

/*----------------------------------
	page
-----------------------------------*/
#about article {
	display: block;
}
.about-ttl {
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    padding: 0;
}
.about-ttl:after{
    display: none;
}
.about-subttl {
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    padding: 0 0 2.0rem 0;
}
.about-img {
	float: left;
	width: 35%;
	margin-left: 0;
}
.about-txt{
	float: right;
	width: 58%;
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
}
.about-txt .pl20 {
	padding-left: 0;
}
.menu-subttl {
	padding: 0 0 0 2.0rem;
}
#menu .menu-block-second {
	padding: 5.0rem;
	flex-direction: row;
}
#shopinfo article{
	display: block;
}
.shopinfo-ttl {
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
	padding: 0 0 2.0rem;
}
.shopinfo-header {
	width: 100%;
	display: block;
	text-align: left;
}
.shopinfo-ttl:after{
	display: none;
}
.franchise-header, .recruit-header, .contact-header, .privacy-header {
	width: auto;
}
/*--------------------------------------------------------------------------
 * SP
----------------------------------------------------------------------------*/
 @media screen and (max-width: 480px) {
	 
.flex-box {
	display: block;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
.sp-none {
	display: none;
}
/*----------------------------------
	header
-----------------------------------*/
header .header-inner {
	padding: 0 2.0rem;
}
/*----------------------------------
	footer
-----------------------------------*/
.footer-list {
	width: 95%;
	margin: 0 auto 3.0rem;
	display: block;
}
/*----------------------------------
	index
-----------------------------------*/
#keyv {
	margin-bottom: 7.0rem;
}
.index-about-txt {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.index-shopinfo-bg {
	height: 300px;
}
#index-shopinfo h3 {
	width: 90%;
	margin: 0 auto 2.0rem;
	text-align: left;
}
#index-shopinfo .index-txt {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.topics-list {
	width: 100%;
    height: auto;
	overflow: hidden;
}
.topics-list dl {
	width: 100%;
    margin: 0 auto;
}

/*----------------------------------
	page
-----------------------------------*/
.about-ttl {
	font-size: 2.5rem;
}
.about-subttl {
	font-size: 3.0rem;
}
.about-img {
	float: none;
	width: 100%;
	margin-bottom: 3.0rem;
}
.about-txt {
	float: none;
	width: 100%;
}
#menu .menu-block-first{
	display: block;
}
.menu-header {
	display: block;
	width: 100%;
}
.menu-ttl {
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
	padding: 0;
	font-size: 2.5rem;
}
.menu-ttl:after {
	display: none;
}
.menu-subttl {
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
	padding: 0 0 2.0rem;
	font-size: 1.8rem;
}
.menu-block {
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
}
.menu-block ul{
	padding-top: 1.0rem;
	padding-left: 3.0rem;
}
.menu-block ul li span{
	padding: 0 1.0rem;
}
#menu .menu-block-second{
	display: block;
	margin: 0 0 5.0rem;
	padding: 0;
}
.menu-txt {
	font-size: 1.6rem;
}
.shopinfo-detail {
	width: 100%;
}
.shopinfo-detail ul li{
	display: block;
	height: auto;
}
.shopinfo-detail ul li:nth-child(9) {
	height: auto;
}
.shopinfo-detail ul li:nth-child(11){
	height: auto;
}
.shopinfo-detail ul li:nth-child(1) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(2) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(3) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(4) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(5) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(6) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(7) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(8) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(9) .shopinfo-r {
	background-size: contain;
	background-position: center center;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(10) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(11) .shopinfo-r {
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-detail ul li:nth-child(12) .shopinfo-r {
	background: url(/common/images/pht/pht_odawara.jpg) no-repeat center center;
	background-size: contain;
	height: 300px;
	width: 100%;
}
.shopinfo-l, .shopinfo-r {
	width: 100%;
}
.shopinfo-l {
	padding: 1.0rem;
}
#company article, #franchise article, #recruit article, #contact article, #privacy article{
	display: block;
}
.company-header, .franchise-header, .recruit-header, .contact-header, .privacy-header {
	width: 100%;
	display: block;
	text-align: left;
}
.company-ttl, .franchise-ttl, .recruit-ttl, .contact-ttl, .privacy-ttl {
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
	padding: 0 0 2.0rem;
}
.company-ttl:after, .franchise-ttl:after, .recruit-ttl:after, .contact-ttl:after, .privacy-ttl:after{
	display: none;
}
.franchise-txt {
	text-align: left;
}
.franchise-box {
	padding: 3.0rem;
}
.contact-txt {
	text-align: left;
}
#contact table th, #contact table td{
	display: block;
	width: 100%;
}
#contact table th{
	border-bottom: 0;
}
}