@charset "UTF-8";

/* --------------------------------------------
 * campus_life
 *
-------------------------------------------- */

/*---------------------------------------------
	/campus_life/dormitory.php
---------------------------------------------*/

.dormitory_L { 
	width:220px;
	float:left;
}
.dormitory_R { 
	width:470px;
	float:right;
	margin-top:20px;
}

.dormitory_gaku_y{
	width:680px;
	text-align:center;
}

.dormitory_frame_y{
	width:700px;
	height:340px;
	background:url(../img/bg_frame.png) no-repeat center left;
}

.mt72 { margin-top: 72px !important;}


/*---------------------------------------------
	/campus_life/oneday/
---------------------------------------------*/

.onedayTbl01 {
	border-left:1px solid #333;
	border-top:1px solid #333;
	width: 100%;
}
	.onedayTbl01 th,
	.onedayTbl01 td {
		line-height: 1.5;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
	}
	.onedayTbl01 th {
		vertical-align: middle;
		font-weight: bold;
		color:#890f65;
		text-align: center;
	}
	.onedayTbl01 th.bg01 {
		background:#ffd4e4;
	}
	.onedayTbl01 th.bg02 {
		background:#e790b5;
	}

	.onedayTbl01 td {
		vertical-align: top;
		text-align: left;
	}
		.onedayTbl01 th p,
		.onedayTbl01 td p {
			padding: 6px 12px 6px 6px;
		}


.onedayUl li {
	padding:0 6px 3px 20px;
	background:url("/campus_life/oneday/img/point.jpg") no-repeat 0 2px;
}


/*---------------------------------------------
	/campus_life/message/
---------------------------------------------*/

.message01_L { 
	width:185px;
	float:left;
}
.message01_R { 
	width:515px;
	float:right;
}

/* 2019.04.16 add */
.balloon-set-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.balloon-set-box.left { /* 左 */
  flex-direction: row;
}
.balloon-set-box.right { /* 右 */
  flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
}
.balloon {
  position: relative; /* 三角の位置を固定するために設定 */
  display: inline-block;
  max-width: 300px;
  margin: 10px 20px 20px; /* 上 左右 下のマージン */
  padding: 8px 15px; /* ふきだし内の余白 */
  background: #f0f0f0; /* 背景色 */
  text-align: left; /* テキストの揃え */
  border-radius: 15px;
}
.balloon::after {
  content: '';
  border: 14px solid transparent;
  border-top-color: #f0f0f0;
  position: absolute;
  top: 0;
}
.left .balloon::after { /* 左側からの三角の位置 */
  left: -10px;
}
.right .balloon::after { /* 右側からの三角の位置 */
  right: -10px;
}
 
.icon-box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
  overflow: hidden;
}


/*---------------------------------------------
	/campus_life/event.php
---------------------------------------------*/

.event_L { 
	width:290px;
	float:left;
	margin:10px 15px 10px 30px;
}
.event_R { 
	width:290px;
	float:right;
	margin:10px 15px 10px 30px;
}

/*---------------------------------------------
	/campus_life/shisetu.php
---------------------------------------------*/
.js_picbox{
	float:left;
	margin:10px 8px;
	padding:16px 16px 12px 16px;
	text-align:center;
	border:solid 1px #888;
}

.js_picbox img{
	margin-bottom:3px;
}