@charset "utf-8";
/* CSS Document */
@media (min-width: 601px){
	br.br-sp{
		display: none !important;
	}
	.sp-nav{
		display: none !important;
	}
	a:hover,a img:hover{
		opacity: .7;
		transition: .4s;
	}
}

@media (max-width: 1000px){
	.wrap{
		width: 96%;
	}
	ul.menu-archive li{
		width: 32.333%;
		margin-right: 1.5%;
		letter-spacing: 0.05em;
	}
	ul.menu-archive li .discription{
		font-size: 10px;
	}
	ul.menu-archive li .price dt{
		font-size: 10px;
	}
	#sub-content .sub-content-left{
		width: 49%;
	}
	#sub-content .sub-content-right{
		width: 49%;
	}
	ul.header-nav li{
		width:140px;
		font-size:14px;
	}

/*************************************************************
【ページの設定】
*************************************************************/
	#kodawari-catch{
		font-size: 20px;
	}
	ul.kodawari-ul li .kodawari-title{
		font-size: 36px;
	}
	ul.kodawari-ul li .kodawari-text{
		font-size: 14px;
	}
	.kodawari-content, .kodawari-content div, .kodawari-content p{
		font-size:14px;
	}
	.kodawari-text01{
		right:50px;
	}
	.kodawari-content01{
		height:320px;
	}
	.kodawari-content02 {
    	background: url(../img/page/kodawari-bg01.png) right 100px no-repeat;
		background-size:360px;
	}
	.kodawari-text02{
		right:10px;
		top: -100px;
		left:auto;
	}
	.kodawari-content03{
		padding-bottom:60px;
	}
	.kodawari-content03-photo{
		width:40%;
	}
	.kodawari-textarea02{
		width:46%;
	}
	.kodawari-content03-photo img{
		width:100%;
	}
	.kodawari-text01 img,.kodawari-text02 img,.kodawari-text03 img,.kodawari-text04 img,.kodawari-text05 img{
		width:80%;
	}
	.kodawari-content04 {
    background: url(../img/page/kodawari-bg02.png) 80px 50px no-repeat;
    padding-top: 60px;
		background-size:300px;
	}
	.kodawari-content04-photo{
		right:0;
		text-align:right;
	}
	.kodawari-content04-photo img{
		width:80%;
	}
	.kodawari-text03{
		right:0;
	}
	.kodawari-textarea03{
		width:40%;
		padding-bottom:200px;
	}
	.kodawari-content05{
		margin:auto auto 60px;
	}
	.kodawari-textarea04{
		width:44%;
	}
	.kodawari-content05-photo{
		width:40%;
	}
	.kodawari-content05-photo img{
		width:100%;
	}
	.kodawari-content06{
		padding-bottom:240px;
	}
	.kodawari-textarea01{
		width:80%;
		margin:auto auto 100px;
	}
	.kodawari-textarea05{
		width:80%;
		margin:auto;
	}
	.kodawari-text05{
		right:20px;
	}
/*************************************************************
【店舗の設定】
*************************************************************/
	ul.shop-list li{
		font-size:12px;
	}
	ul.shop-list li .shop-name{
		width:160px;
	}
	ul.shop-list li .shop-address{
		width:320px;
	}
	ul.shop-list li .shop-holiday{
		width:80px;
	}
	ul.shop-list li .shop-link{
		width:100%;
	}
	.left-column{
		float:none;
		width:100%;
		margin:auto auto 30px;
	}
	ul#shop-ul{
		border-bottom:none;
	}
	ul#shop-ul li{
		border:none;
		padding:5px;
	}
	ul#shop-ul li:nth-child(even),ul#shop-ul li:nth-child(odd){
		width:100%;
	}
	ul#shop-ul li:nth-child(even){
		border-bottom:1px solid #999;
		margin-bottom:10px;
	}
	.right-column{
		float:none;
		width:100%;
		margin:auto;
	}
	.right-column ul.shop-side li a{
		padding:10px 5px;
	}
	
/*************************************************************
【採用情報の設定】
*************************************************************/
	ul.recruit-scroll li{
		width:90%;
		max-width:400px;
		margin:auto 10px 15px;
	}
	ul.recruit-scroll li a{
		font-size:14px;
	}
	ul.story-staff-ul li .story-staff-catch{
		font-size:18px;
		min-height:60px;
	}
	ul.story li h3{
		font-size:20px;
	}
	
/*************************************************************
【ライセンスの設定】
*************************************************************/
	ul.regulation{
	}
	ul.regulation li{	
	}
	ul.regulation li:nth-child(odd){
		width:25%;
	}
	ul.regulation li:nth-child(even){
		width:75%;
	}
	ul.licence-flow .step .step-no,ul.licence-flow .step .flow-title{
		font-size: 14px;
	}
	.licence-flow01, .licence-flow02, .licence-flow03, .licence-flow04{
		font-size: 14px;
	}
	.licence-flow05{
		font-size: 24px;
	}
	
/*************************************************************
【お問い合わせの設定】
*************************************************************/
	ul.recruit-field li{
		box-sizing:border-box;
	}
	ul.recruit-field li:nth-child(odd){
		width:30%;
	}
	ul.recruit-field li:nth-child(even){
		width:70%;
	}
}
@media (max-width: 600px){
	br.br-pc{
		display: none !important;
	}
	header#main h1#mv-logo{
		width:120px;
	}
	header#main .language-tool{
		padding-right:60px;
	}
	#mv{
		background: none;
	}
	#mv .wrap{
		padding: 0;
		height: 400px;
	}
	#mv #mv-textarea{
		width: 90%;
		height: 180px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#mv h1#mv-logo{
		width: 145px;
		margin: auto;
		border-bottom: none;
	}
	#mv h1#mv-logo img{
		width: 100%;
		height: auto;
	}
	#mv #mv-text{}
	#mv #mv-catch{
		font-size: 26px;
	}
	#mv #mv-text{
		font-size: 10px;
		letter-spacing: 0.05em;
	}
	nav#global-nav{
		width: 100%;
	}
	nav#global-nav ul {
		list-style: none;
		width: 100%;
		margin: auto;
		border-top: 1px solid #efba6e;
		text-align: center;
	}
	nav#global-nav ul li{
		 width: 100%;
		text-align: left;
		box-sizing: border-box;
		border-bottom: 1px solid #efba6e;
	}
	nav#global-nav > ul > li {
		position: relative;
	}
	nav#global-nav ul li:before{
		display: none;
	}
	nav#global-nav ul li a{
		padding: 10px 20px;
		color: #fbe2c8;
		text-align: left;
		font-size: 11px;
		border: none;
	}
	nav#global-nav ul li.sp-nav-logo{
		text-align: left;
	}
	nav#global-nav ul li.sp-nav-logo img{
		width: 110px;
		height: auto;
		padding: 15px 20px 10px;
	}
	nav#global-nav a {
		color: #033560;
		text-decoration: none;
		display: block;
		padding:15px 0;
		transition: background-color .3s linear;
	}
	#nav-toggle {
		display: none;
		position: fixed;
		top: 4px;
		right: 4px;
		height:50px;
	}
	#overlay {
		display: none;
		position: fixed;
		background:rgba(0,0,0,.6);
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	#mv-nav {
		position: fixed;
		right: -300px;
		top: 0;
		height: 100%;
		width: 300px;
		color: #333;
		background: #f28f00;
		transition: .35s ease-in-out;
	}
	nav#global-nav{
		position: static;
	}
	#nav-toggle{
		display: block;
		background: rgba(242,143,0,.9);
		width: 50px;
		height: 50px;
	}
	#nav-toggle > div{
		position: relative;
		width:50px;
	}
	#nav-toggle span {
		width: 20px;
		height: 2px;
		left: 15px;
		display: block;
		background: #fff;
		position: absolute;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
		top: 15px;
	}
	#nav-toggle span:nth-child(2) {
		top: 25px;
	}
	#nav-toggle span:nth-child(3) {
		top: 35px;
	}
	.open {
		overflow: hidden;
	}
	.open #overlay {
		display: block;
	}
	.open #mv-nav {
		transform: translate3d(-300px,0,0);
	}
	.open #nav-toggle{
		top: 4px;
		left: -65px;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 25px;
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 25px;
		transform: rotate(-45deg);
	}
	#overlay{
		z-index: 200;
	}
	#mv-nav{
		z-index: 300;
	}
	#nav-toggle{
		z-index: 400;
	}
	ul.header-nav{
		display: none;
	}
	
	.section-title{
		font-size: 20px;
	}
	.section-sub-title{
		font-size: 12px;
	}
	.link-btn{
		margin: 30px auto auto;
	}
	.link-btn a{
		font-size: 12px;
		padding: 0 50px;
	}
	#information{
		padding: 30px 0;
	}
	#information ul.information-archive li{
		font-size: 10px;
	}
	#information ul.information-archive li .category{
		margin: auto;
	}
	#information ul.information-archive li .title{
		width: 100%;
		margin: 5px auto auto;
		font-size: 12px;
	}
	#top-catch{
		padding: 30px 0;
	}
	#top-catch h2{
		font-size: 26px;
		text-shadow: 0 0 8px rgba(0,0,0,0.7), 0 0 1em rgba(0,0,0,0.8);
	}
	#top-catch h3{
		font-size: 14px;
		text-shadow: 0 0 8px rgba(0,0,0,0.7), 0 0 1em rgba(0,0,0,0.8);
		line-height: 1.5;
	}
	
	ul.menu-archive li{
		width: 49%;
		margin-right: 2%;
	}
	ul.menu-archive li:nth-child(3n){
		margin-right: 2%;
	}
	ul.menu-archive li:nth-child(even){
		margin-right: 0;
	}
	ul.menu-archive li .photo{
		width: 80%;
		max-width: 160px;
		margin: auto auto 5px;
	}
	ul.menu-archive li .discription{
		font-size: 10px;
	}
	#campaign ul li{
		width: 100%;
	}
	#campaign ul li a{
		padding: 40px 0;
		height: 40px;
		font-size: 16px;
	}
	#campaign ul li:first-child a{
		line-height: 40px;
		
	}
	#campaign ul li:last-child a{
		line-height: 20px;
		
	}
	#sub-content{
		padding: 30px 0;
	}
	#sub-content .sub-content-left{
		float: none;
		width: 100%;
		margin: auto auto 10px;
	}
	#sub-content .sub-content-right{
		float: none;
		width: 100%;
	}
	footer ul#footer-menu{
		display: none;
	}
	footer ul#footer-menu02{
	}
	footer ul#footer-menu02 li{
		margin:auto auto 10px;
		width: 100%;
	}
	footer ul#footer-menu02 li a{
		border: none;
	}
	footer ul#footer-btn li{
		font-size: 12px;
		margin: auto auto 10px;
	}
	footer ul#footer-btn li a{
		height: 50px;
		line-height: 50px;
		border-radius: 50px;
	}
	footer #copyright{
		font-size: 10px;
	}

/*************************************************************
【ページの設定】
*************************************************************/
	section#pv h2#page-title{
		font-size:24px;
	}
	#kodawari-catch{
		font-size: 16px;
	}
	ul.kodawari-ul li:nth-child(odd) .kodawari-photo{
		float: none;
		width: 100%;
		height: 120px;
		overflow-y: hidden;
		margin: auto auto 10px;
		position: relative;
	}
	ul.kodawari-ul li:nth-child(odd) .kodawari-textarea{
		float: none;
		width: 100%;
	}
	ul.kodawari-ul li:nth-child(even) .kodawari-photo{
		float: none;
		width: 100%;
		height: 120px;
		overflow-y: hidden;
		margin: auto auto 10px;
		position: relative;
	}
	ul.kodawari-ul li:nth-child(even) .kodawari-textarea{
		float: none;
		width: 100%;
	}
	ul.kodawari-ul li .kodawari-photo img{
		position: absolute;
		top: -50%;
		left: 0;
	}
	ul.kodawari-ul li .kodawari-title{
		margin: auto auto 5px;
	}
	.kodawari-text01 img, .kodawari-text02 img, .kodawari-text03 img, .kodawari-text04 img, .kodawari-text05 img{
		width:40%;
	}
	.kodawari-text01{
		right:20px;
		text-align:right;
	}
	.kodawari-textarea01{
		margin-top:-100px;
	}
	.kodawari-content02{
		background-size:40px;
	}
	.kodawari-textarea02{
		padding-top:40px;
	}
	.kodawari-text02{
		text-align:right;
	}
	.kodawari-text03{
		text-align:right;
	}
	.kodawari-textarea03{
		width:60%;
		padding-bottom: 160px;
	}
	.kodawari-content04-photo{
		width:40%;
	}
	.kodawari-content04-photo img{
		width:100%;
	}
	.kodawari-content05{
		background: url(../img/page/kodawari-bg03.png) 10px 50% no-repeat;
		background-size:150px;
	}
	.kodawari-text05{
		text-align:right;
	}
	.photo-content .photo{
		float:none;
		width:100%;
	}
	.photo-content .textarea{
		float:none;
		width:100%;
	}
	ul.feature li{
		width:96%;
		min-height:inherit;
	}
	#recruit-discription{
		font-size:16px;
	}
	#recruit-licence h2{
		font-size:22px;
	}
	#recruit-licence a{
		font-size:16px;
		width:90%;
	}
	ul.story-staff-ul li .story-staff-link a{
		font-size:12px;
		width:90%;
	}
	ul.story li .story-face{
		float:none;
		width:300px;
		text-align:center;
		margin:auto auto 5px;
	}
	ul.story li .story-face img{
		width:100%;
	}
	ul.story li .story-text{
		float:none;
		width:100%;
		line-height:1.6;
	}
	ul.story li:nth-child(even) .story-face,ul.story li:nth-child(odd) .story-face{
		float:none;
	}
	ul.story li:nth-child(even) .story-text,ul.story li:nth-child(odd) .story-text{
		float:none;
	}
	
	.entry-content input{
		max-width:100%;
	}
	.single-wrap img{
		max-width:100%;
	}
	ul.single-link li{
		font-size:12px;
	}

	.licence-flow01, .licence-flow02, .licence-flow03, .licence-flow04{
		font-size: 12px;
	}
	.licence-flow05{
		font-size: 16px;
	}
	.licence-time{
		font-size: 10px;
		letter-spacing: normal;
	}
	.step-right{
		float: none;
		width: 100%;
		margin: auto;
	}
	ul.licence-flow .step .step-no{
		width:140px;
	}
	.licence-btn a{
		font-size: 16px;
	}
	#page-top{
		display:none !important;
	}
}