/*---------------------------------------
 * Popup詳細
---------------------------------------*/ 

		.popup-box .text{
			font-size: 13px;
			line-height: 1.8;
			margin: 0 5px 25px;
		}
		.popup-box .btns{
			text-align: center;
			font-size: 0;
		}
		
		.popup-box .btns a.linkbtn{
			background: #db8d40;
			text-align: center;
			color: #FFFFFF;
			position: relative;
			font-size: 12px;
			letter-spacing: 1px;
		}
		.popup-box .btns a.linkbtn::before{
			content: "→";
			position: absolute;
			left:20px;
			top: 15px;	
		}
		.popup-box .btns a.linkbtn-reserve{
			background: url(../img/outlink_wh.png) 20px 50% no-repeat #db8d40;
			background-size: 12px;
			
			text-align: center;
			color: #FFFFFF;
			position: relative;
			font-size: 12px;
			letter-spacing: 1px;
		}

@media screen and (min-width: 560px) {
	
		.popup-box{
			padding: 40px 90px;
		}
		.popup-box .midashi{
			width: 181px;
			margin: 0 auto;
			position: relative;
			z-index: 1;
		}
		.popup-box .photo{
			width: 360px;
			max-width: 100%;
			margin: -60px auto 20px;
		}
		.popup-box .btns a{
			display: inline-block;
			margin: 0 5px;
		}
		.popup-box .btns a.linkbtn{
			width: 170px;
			padding: 13px 0 13px 20px;
		}
		.popup-box .btns a.linkbtn-reserve{
			width: 170px;
			padding: 13px 0 13px ;
		}
		

}
@media screen and (max-width: 559px) {
		.popup-box{
			padding: 20px 50px;
		}
		.popup-box .midashi{
			width: 181px;
			margin: 0 auto;
			position: relative;
			z-index: 1;
		}
		.popup-box .photo{
			width: 100%;
			max-width: 100%;
			margin: -60px auto 20px;
		}
		.popup-box .btns a{
			display: block;
			width: 100%;
			margin: 0 0 10px;
			padding: 17px 0 17px 0px;
		}

}