@charset "utf-8";
/*----------------------------------------------------
  フォトレポ用に作成
  原則、#prepo_wrap　を使用
  jquery_prepo.js とセットで使用

  必要に応じて２枚までは、#prepo　を使用

  2018_08_24 修正
----------------------------------------------------*/

@media all and (min-width: 767px) {
#prepo {
	width: 70%;
	max-width: 660px;
	min-width: 660px;
	margin: 0px 0px 0px 20px;
  display:flex;
  justify-content:space-around;
  
  -ms-flex-pack: justify; /*IE10*/
  -webkit-box-pack: justify; /* Android4.3以下、Safari3.1?6.0 */
  -webkit-justify-content: space-between; /* Safari6.1以降 */
}
}
@media all and (min-width: 767px)  {

#prepo_wrap {
	width: 100%;
  display:flex;
  flex-wrap:wrap;
  
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
}
}
@media all and (max-width: 767px)  {

#prepo,#prepo_wrap {
	width: 400px;
	margin:0px auto;
}
}
.photo {
	width: 300px;
	margin: 10px 15px 10px 0px;
	display: block;
}

.photo p{
	text-align:left;
	margin: 0px 10px; padding: 0px;
}

.photo img{
	width: 300px; height: auto;
	margin: 0px 0px 10px 0px;    
  text-align:center;
}


/*----------------------------------------------------
  右メニュー２列組用に作成
  column_mleft1、column_mriget1は単純な２列組表示用
  column_mleft2は、パンフレットの画像表示枠組用
  column_mright2は、パンフレットの説明表示枠組用
  2018_01_11作成
----------------------------------------------------*/

.column_m::after {
	clear: both; display: block; content: "";
}
.column_mleft1,.column_mright1,.column_mleft2.column_mright2 {
	width: 100%;
}
.column_mleft2 {
	text-align: center;
}
.column_mleft2 img {
	margin: auto; border: 1px solid rgb(192, 192, 192); border-image: none; width: 210px; height: auto;
}
.column_mright2 {
	margin: 20px 0px 0px;
}

@media all and (min-width:959px) {
.column_mleft1,.column_mright1 {
	margin: 0px 2% 0px 0px; width: 340px; float: left; display: block;
}
}

@media all and (min-width: 600px) and (max-width:959px) {
.column_mleft1,.column_mright1 {
	margin: 0px 2% 0px 0px; width: 48%; float: left; display: block;
}
}

@media all and (min-width:600px){
.column_mleft2 {
	width: 250px; text-align: center; float: left;
}
.column_mright2 {
	width: calc(100% - 250px); float: left;
}
}

/*----------------------------------------------------
  /j/shared/free/free.cssから統合
  2018_01_11作成
----------------------------------------------------*/
.content_right p {
	font-size: 1em;
}
.content_right p.lnavi_data {
	background: url("/j/shared/shared/images/lnavi_bg_li.jpg") repeat-x left top rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(190, 190, 190) rgb(190, 190, 190); margin: 0px 0px 0px 10px; padding: 5px 10px; border-image: none; color: rgb(0, 0, 0);
}
.content_right p.lnavi_title {
	background: url("/j/shared/shared/images/lnavi_bg_p.jpg") repeat-x left top rgb(230, 230, 230); margin: 0px 0px 0px 10px; padding: 5px 10px; border: 1px solid rgb(190, 190, 190); border-image: none; color: rgb(0, 0, 0); font-weight: bold;
}