@charset "utf-8";

.pagetitle{
 float             : left;
 display           : inline;
 width             : 100%;
 color             : #af9c70;
 font-family       : "游明朝", YuMincho, "Sawarabi Mincho" , serif;
 font-size         : 28px;
 font-weight       : 100;
}


.rec_cp01{
 float             : left;
 display           : inline;
 width             : 100%;
 color             : #af9c70;
 font-size         : 18px;
 font-weight       : bold;
 padding           : 2em 0 0.5em 0;
}


.rec_txt{
 float             : left;
 display           : inline;
 width             : 100%;
 padding           : 0 0 2em 0;
}
.rec_txt .txt{
 float             : right;
 display           : inline;
 width             : 70%;
}
.rec_txt .pic{
 float             : right;
 display           : inline;
 width             : 28%;
 padding           : 2em 0 0 2%;
}
.rec_txt .pic img{
 border-radius     : 10px;
}


.rec_box01{
 float             : left;
 display           : inline;
 width             : 100%;
 padding           : 1em 0% 1em 0;
 border-bottom     : 1px dotted #d6c49a;
}
.rec_box01 .pic{
 float             : left;
 display           : inline;
 width             : 28%;
 padding           : 0 2% 0 0;
}
.rec_box01 .pic img{
 border-radius     : 10px;
}
.rec_box01 .txt{
 float             : left;
 display           : inline;
 width             : 70%;
 padding           : 1em 0 0 0;
}
.rec_box01 .txt strong{
 display           : block;
 color             : #af9c70;
 font-size         : 18px;
 font-weight       : bold;
}


.rec_mds{
 float             : left;
 display           : inline;
 width             : 100%;
 color             : #af9c70;
 font-size         : 18px;
 font-weight       : bold;
 padding           : 5em 0 0.5em 0;
}


.youkou{
 float             : left;
 display           : inline;
 width             : 100%;
 border-bottom     : 1px dotted #d6c49a;
 padding           : 1em 0 1em 0;
 font-size         : 14px;
}
.youkou .cell01{
 float             : left;
 display           : inline;
 width             : 23%;
 padding           : 0 0 0 2%;
 font-weight       : bold;
}
.youkou .cell02{
 float             : left;
 display           : inline;
 width             : 75%;
}













/* ipad以下のサイズはスマホレイアウトへ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



@media (max-width: 778px) {


	.pagetitle{
	 float             : left;
	 display           : inline;
	 width             : 100%;
	 color             : #af9c70;
	 font-family       : "游明朝", YuMincho, "Sawarabi Mincho" , serif;
	 font-size         : 7vw;
	 font-weight       : 100;
	}


	.rec_cp01{
	 float             : left;
	 display           : inline;
	 width             : 100%;
	 color             : #af9c70;
	 font-size         : 5vw;
	 line-height       : 140%;
	 font-weight       : bold;
	 padding           : 2em 0 0.5em 0;
	}


	.rec_txt{
	 float             : left;
	 display           : inline;
	 width             : 100%;
	 padding           : 0 0 2em 0;
	}
	.rec_txt .txt{
	 float             : right;
	 display           : inline;
	 width             : 100%;
	}
	.rec_txt .pic{
	 float             : right;
	 display           : inline;
	 width             : 100%;
	 padding           : 2em 0 0 0;
	}
	.rec_txt .pic img{
	 border-radius     : 10px;
	}


	.rec_box01{
	 float             : left;
	 display           : inline;
	 width             : 100%;
	 padding           : 1em 0% 1em 0;
	 border-bottom     : 1px dotted #d6c49a;
	}
	.rec_box01 .pic{
	 float             : left;
	 display           : inline;
	 width             : 70%;
	 padding           : 0 15% 0 15%;
	}
	.rec_box01 .pic img{
	 border-radius     : 10px;
	}
	.rec_box01 .txt{
	 float             : left;
	 display           : inline;
	 width             : 90%;
	 padding           : 1em 5% 0 5%;
	}
	.rec_box01 .txt strong{
	 display           : block;
	 color             : #af9c70;
	 font-size         : 4vw;
	 font-weight       : bold;
	 padding           : 0 0 0.5em 0;
}


	.rec_mds{
	 float             : left;
	 display           : inline;
	 width             : 100%;
	 color             : #af9c70;
	 font-size         : 18px;
	 font-weight       : bold;
	 padding           : 5em 0 0.5em 0;
	}


	.youkou{
	 float             : left;
	 display           : inline;
	 width             : 100%;
	 border-bottom     : 0px dotted #d6c49a;
	 padding           : 1em 0 0.5em 0;
	 font-size         : 13px;
	}
	.youkou .cell01{
	 float             : left;
	 display           : inline;
	 width             : 98%;
	 padding           : 0.5em 0 0.5em 2%;
	 font-weight       : bold;
	 background        : #eadfc5;
	}
	.youkou .cell02{
	 float             : left;
	 display           : inline;
	 width             : 98%;
	 padding           : 0.5em 0 0.5em 2%;
	}












}/* @media (max-width: 778px) */