/*------------------------------------------------------------------------------
 * PC
------------------------------------------------------------------------------*/ 


@media screen and (min-width:860px) {
		
	
	/*---------------------------------------
	 * ヘッダー
	---------------------------------------*/ 
	
	.page-head{
		width: 100%;
		padding: 70px 0 ;
		text-align: center;
	}
	
	.page-head .title{
		font-size: 30px;
		letter-spacing: 2px;
		margin-bottom: 5px;
	}


	/*---------------------------------------
	 * フェア
	---------------------------------------*/
	
	.fairBox{
		margin: 0 auto;
		width: 910px;
	}
	
	.fair-list{
		width: 100%;
		margin: 0 auto;
		padding:70px 0 150px;
		background: #F9F9F9;
	}
	/*
	.fair-list .inner{
		width: 910px;
		margin: 0 auto;
	}
	*/
	.fair_list .inner{
		width: 100%;
		margin: 0 auto;
		padding: 60px 0 0;
	}
	.fair_list .page_title{
		width: 67px;
		margin: 0 auto 60px;
	} 
	.fair_list .page_title.member{
		width: 219px;
		margin: 0 auto 30px;
	}
	.fair_list .page_title_ja{
		width: 160px;
		margin: 0 auto 60px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #9b9280;
		text-align: center; 
	}
	.fair_list .archives{
		background: #f6f5f4;
		padding: 100px 0 90px;
	}
	
	section.dest {
    width: 840px;
    margin: auto;
}
	
	/* フェア投稿
	---------------------------------------*/ 
	
	.fair_list .kekka{
		width: 100%;
		margin: 0 auto 20px;
	}
	
	.fair_list .article{
		display: table;
		width: 95%;
		margin: 0 auto 20px;
		background: #FFFFFF;
	}
	.fair_list .article .photo{
		width:  47%;
		min-height: 270px;
		background-size: cover;
		background-repeat: none;
		background-position: 50%;
		float: left;
	}
	.fair_list .article .photo .icontext{
		display: inline-block;
		background: #D26666;
		padding: 5px 1em;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
		color: #fff;
	}
	.fair_list .article .text{
		float: right;
		width: 53%;
		padding: 25px 30px;
		box-sizing: border-box;
		font-size: 13px;
	}
	.fair_list .article .text .title{
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	.fair_list .article dl{
		margin-top: 10px;
	}
	.fair_list .article dl span,
	.fair_list .article dl em{
		display: block;
	}
	.fair_list .article dl span{
		float: left;
		clear: left;
		width: 50px;
	}
	.fair_list .article dl em{
		padding-left: 55px;
	}
	.fair_list .article .text .midashi{
		font-size: 14px;
		color: #000000;
		position: relative;
		top: 1px;
	}
	.fair_list .article .text .cat{
		margin-top: 15px;
	}
	.fair_list .article .text .cat li{
		background: #6da591;
		color: #FFFFFF;
		font-size: 11px;
		padding: 2px 11px;
		display: inline-block;
		margin: 0 0px 5px 0;
	}
	.fair_list .article .text .cat li:not(.active){
		display: none;
	}
	.fair_list .article .text .description{
		margin-top: 10px;
		line-height: 1.6;
	}
	.fair_list .article .text .detail{
		width: 220px;
		margin: 20px 15px 0 0;
		display: inline-block;
		letter-spacing: 2px;
		text-align: center;
		padding: 10px 0;
		color: #FFFFFF;
	}
	
	
	/*---------------------------------------
	 * 予約手順
	---------------------------------------*/ 
	
	.flow{
		width: 100%;
	}
	.flow .inner{
		width: 480px;
		margin: 0 auto;
		padding: 80px 0 80px;
	}
	.flow .inner .title{
		font-size: 30px;
		text-align: center;
		letter-spacing: 2px;
	}
	.flow .inner .title-ja{
		font-size: 13px;
		text-align: center;
		color: #898989;
		margin-bottom: 40px;
	}
	.flow .inner .steps{
		text-align: center;
		
	}
	.flow .inner .steps li{
		display: inline-block;
		text-align: center;
		color: #FFFFFF;
		background: #6da591;
		width: 200px;
		height: 200px;
		padding: 20px 0 0;
		border-radius: 50%;
		margin: 0 15px 30px;
	}
	
	.flow .inner .steps li .order{
		font-size: 35px;
		margin-bottom: 7px;
	}
	.flow .inner .steps li .order-content{
		font-size: 16px;
		margin-bottom: 10px;
		
	}
	.flow .inner .steps li .text{
	
	}

	.bestrate{
		width: 1000px;
		margin:0 auto 70px;
	}
	.bestrate__ttl{
		padding-bottom:20px;
		margin-bottom:15px;
		border-bottom:1px solid #199A6F;
		text-align:center;
		font-size:18px;
		letter-spacing:.1em;
		color:#199A6F;
	}
	.bestrate__txt{
		text-align: center;
		font-size:13px;
		line-height:1.8;
		letter-spacing:.1em;
	}
	
}



	
@media print, screen and (min-width:1000px){
	
	.fair_list .kekka{
		width: 1000px;
	}
	
	.fair_list .article{
		width: 1000px;
	}
	
	.flow .inner{
		width: 1000px;
	}
}

	



/*------------------------------------------------------------------------------
 * SP
------------------------------------------------------------------------------*/


@media screen and (max-width:859px) {
	
	
	/*---------------------------------------
	 * ヘッダー
	---------------------------------------*/ 
	
	
	.page-head{
		width: 100%;
		padding: 40px 0 ;
		text-align: center;
	}
	
	.page-head .title{
		font-size: 21px;
		letter-spacing: 2px;
		margin-bottom: 5px;
	}
	
	
	/*---------------------------------------
	 * プラン
	---------------------------------------*/
	
	.fair-list{
		width: 100%;
		margin: 0 auto;
		padding:40px 0 75px;
		background: #F9F9F9;
	}
	.fair_list .kekka{
		margin: 0 10px 20px;
	}
	.fair-list .inner{
		width: 90%;
		margin: 0 auto;
	}
	.fair_list .page_title{
		width: 53px;
		margin: 0 auto 40px;
	}
	.fair_list .page_title.member{
		width: 175px;
		margin: 0 auto 30px;
	}
	.fair_list .page_title_ja{
		width: 154px;
		margin: 0 auto 40px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #9b9280;
		text-align: center; 
	}
	.fair_list .archives{
		background: #f6f5f4;
		padding: 40px 0;
	}
	.fair_list .article{
		display: table;
		margin: 0 10px 20px;
		background: #FFFFFF;
	}
	.fair_list .article .photo{
		width:  100%;
		position: relative;
	}
	.fair_list .article .photo .icontext{
		display: inline-block;
		background: #D26666;
		padding: 5px 1em;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
		color: #fff;
		position: absolute;
        bottom: 0px;
	}
	.fair_list .article .text{
		width: 100%;
		padding: 25px 10px 35px;
		box-sizing: border-box;
		font-size: 13px;
	}
	.fair_list .article .text .title{
		font-size: 15px;
		line-height: 1.6;
		margin-bottom: 15px;
	}
	.fair_list .article .text .midashi{
		font-size: 14px;
		color: #000000;
		position: relative;
		top: 1px;
	}
	.fair_list .article .text .cat{
		margin-top: 10px;
	}
	.fair_list .article .text .cat li{
		background: #6da591;
		color: #FFFFFF;
		font-size: 11px;
		padding: 2px 11px;
		display: inline-block;
		margin: 0 0px 4px 0;
	}
	.fair_list .article .text .cat li:not(.active){
		display: none;
	}
	.fair_list .article dl{
		margin-top: 10px;
		line-height: 1.8;
	}
	.fair_list .article dl span,
	.fair_list .article dl em{
		display: block;
	}
	.fair_list .article dl span{
		float: left;
		clear: left;
		width: 50px;
	}
	.fair_list .article dl em{
		padding-left: 55px;
	}
	.fair_list .article .text .description{
		margin-top: 15px;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.fair_list .article .text .detail{
		width: 100%;
		margin-top: 10px;
		display: block;
		letter-spacing: 2px;
		text-align: center;
		padding: 10px 0;
		color: #FFFFFF;
	}
	
	
	
	
	/*---------------------------------------
	 * 予約手順
	---------------------------------------*/ 
	
	.flow{
		width: 100%;
	}
	.flow .inner{
		width: 100%;
		margin: 0 auto;
		padding: 40px 0 ;
	}
	.flow .inner .title{
		font-size: 21px;
		text-align: center;
	}
	.flow .inner .title-ja{
		text-align: center;
		color: #898989;
		margin-bottom: 40px;
	}
	.flow .inner .steps{
		text-align: center;
		
	}
	.flow .inner .steps li{
		display: inline-block;
		text-align: center;
		color: #FFFFFF;
		background: #6da591;
		width: 160px;
		height: 160px;
		padding: 10px 0 0;
		border-radius: 50%;
		margin: 0 10px 20px;
	}
	
	.flow .inner .steps li .order{
		font-size: 30px;
		margin-bottom: 3px;
	}
	.flow .inner .steps li .order-content{
		font-size: 14px;
		margin-bottom: 5px;
		
	}
	.flow .inner .steps li .text{
		font-size: 12px;
	}
	
	section.dest {
    width: 90%;
    margin: 0 auto 20px;
	}
	
	.bestrate{
		padding: 0 5%;
		margin-bottom: 50px;
	}
	.bestrate__ttl{
		padding-bottom:20px;
		margin-bottom:15px;
		border-bottom:1px solid #199A6F;
		text-align:center;
		font-size:16px;
		letter-spacing:.1em;
		color:#199A6F;
	}
	.bestrate__txt{
		font-size:13px;
		line-height:1.8;
		letter-spacing:.1em;
		text-align: center;
	}
	
}