/* responsive.css */

.pc_display{
}
.mb_display{
	display:none !important;
}

/*明朝体*/
.ming-font{
  font-family:
    "Hiragino Mincho ProN", /* macOS */
    "Hiragino Mincho Pro",  /* 古いmacOS */
    "MS PMincho",           /* Windows */
    "MS Mincho",            /* Windows (代替) */
    "IPA明朝",              /* 日本語フリーフォント */
    "IPAMincho",            /* 同上、別名 */
    "Takao明朝",            /* Linux向け */
    "serif";                /* 最終手段 */
}

@media all and (max-width:950px){
	.pc_display{
		display:none !important;
	}
	.mb_display{
		display:block !important;
	}
	
	h2,h3{
		font-weight:bold;
		font-size:24px;
	}
	a{
		text-decoration:none;
		color:#000;
	}

	#wrap{
		width:100%;
	}


	.header_img{
	        width: 100%;
	        height: auto;
	}
	#header .hgroup{
		height:77px;
		background:#000;
	}
	#header h1{
	    float: none;
	}
	#header .reserve{
	    margin:0;
	    margin-left: 15px;
	    float: none;
		
	}
	
	/*モバイルメニュー*/
	.mb_menu summary,.mb_menu li{
		line-height:30px;
		border-bottom:#aaa 1px solid;
	}
	.mb_menu summary{
		font-size:1.2em;
		font-weight:bold;
	}	
	.mb_header_menu li{
		text-align:center;
	}
	.mb_header_menu li,.mb_header_menu li a{
		color:#fff;
	}
	
	#gnavi{
		display:none;
	}

	#inner{
		width:calc(100% - 30px) !important;
	}
	#contents{
		margin-left:0;
		margin-right:0;
	}
	#contents .section .text{
		font-size:120%;	
		margin-left:0px;
	}
	#contents02 .section .text{
	    margin-left: 25px;
	    font-size:120%;	
		margin-left:0px;
	}
	#contents .pickup li {
		text-align: center;
		margin: auto;
		display: inline-block;   
	}

	#contents .note {
		width:100%;
	    background-size: cover;
		box-sizing: border-box;
		    padding: 10px;
		    height:auto;
		background:none;
		background-image: linear-gradient(0deg, rgba(255, 255, 254, 1), rgba(255, 249, 176, 1));
	 }
	 	 
	 
	 
	 #contents .note .note_box{
	 	width:100%;
	 	max-width:600px;
	    background-size: cover;
		box-sizing: border-box;
		height: auto;		        
		        float:none;
	 line-height: normal;
	         margin: auto;
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: -2px 0px; /* 左に2pxずらす */
  border:1px solid #aaa;
  margin-bottom:10px;
      padding: 19px 5px 8px 5px;
	 }
	 #contents .note .note_box dt{
	 	line-height: normal;
	 }
	 
	 
	 #footer{
	 	width:100%;
	 }
}
	@media all and (max-width:370px){
	 #contents .note .note_box{
	 	background-size: cover;
	 }


	}


@media all and (max-width:950px){

/*三画ボタン*/
.arrow_button{
	width: 20px;
	height: 20px;
	background-color: gray;
	border-radius: 50%;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 7px;
}

.arrow_button::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 11px solid white;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute;
	left: 7px;
}



/*index.html*/
}

/*通常幅*/
#contents ul.pickup{
	display: flex;
}
#contents .pickup li{
	background-image: linear-gradient(180deg, rgba(255, 249, 200, 1), rgba(255, 255, 255, 1));
	border:1px solid #aaa;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
	margin: 10px;
	border-radius: 10px;
/*	width: auto;*/
	height:auto;
	align-items: center; /* 垂直中央 */
	justify-content: center; /* 水平中央（必要なら） */
	position: relative; /* これが重要！ */            
}
	#contents .pickup .pickup_hana{
		width:40px;
		position: absolute;
		top: -11px;
		left: -11px;
	}

@media all and (max-width:950px){

	#contents ul.pickup{
		display: grid;
		grid-template-columns: 1fr 1fr; /* 2列 */
	}
	#contents .pickup li{
		width:auto;
	}



/*price/index.html*/

	#contents02{
		margin-left:0;
		margin-right:0;
	}

	.table01{

	}
	.table01 th,.table01 td{
		width: auto !important;
		display:block;
		padding:5px;
	}
	.table01 th{
        font-size:1.2em;
		background:#FFFDE2;
		font-weight:bold;
		text-align:center;
	}
	.middle_line::after {
	  position: absolute;
	  content: "";
	  top: 50%;
	  width: 100px;
	  height: 1px;
	  background-color: black;
	}


	/*price/index.html：問い合わせ*/
	
	.mb_price_tel div{
		font-size:2em;
		font-weight:bold;
		display: inline-block;
        vertical-align: top;
	}

	#contents02 .table02{

	}
	#contents02 .table02 th{
		border-right:none;
	}
	#contents02 .table02 th,#contents02 .table02 td{
		width: auto !important;
		display:block;
		padding:5px;
	}
	#contents02 .table02 th{
		font-size:1.2em;
		font-weight:bold;
		background:#FFFDE2;
	}
	#contents02 .table02 input,#contents02 .table02 textarea{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
	}

/*recruit/index.html*/

	/*recruit/index.html：詳細*/
	#contents02 .section .table01 td ul{
		margin-top:0px;
	}

/*form/thanks.html*/
	#contents02 #inner dl{
		width:80%;
		margin:auto;
	}
	#contents02 #inner dl dt, #contents02 #inner dl dd{
		width:100%;
	}

}