@charset "utf-8";
/* CSS Document */

/*
	=============================== float ===============================
*/
.left {
	float: left;
}

.right {
	float: right;
}

.center {
	margin-right: auto;
	margin-left: auto;
}

.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}

.align_center {
	text-align: center;
}

.v-align_m {
	vertical-align: middle;
}

.line_box {
	border: 1px solid #232835;
}

.d_block_a-r_pc {
	display: block;
	text-align: right;
}

.photo_center {
	width: 700px;
	margin: 0 auto;
	overflow: hidden;
}

.photo_center_2col {
	float: left;
	width: 350px;
	text-align: center;
}

.overflow_hidden {
	overflow: hidden;
}
/*
	=============================== float ===============================
*/


/*
	=============================== padding ===============================
*/
.pd_0 {
	padding: 0px;
}

.pd_4 {
	padding: 4px;
}

.pd_6 {
	padding: 6px;
}

.pd_8 {
	padding: 8px;
}

.pd_10 {
	padding: 10px;
}

.pd_12 {
	padding: 12px;
}

.pd_16 {
	padding: 16px;
}

.pd_20 {
	padding: 20px;
}

.pd_24 {
	padding: 24px;
}

.pd_30 {
	padding: 30px;
}

.pd_36 {
	padding: 36px;
}

.pd_tlr16 {
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}

/*
	=============================== padding ===============================
*/


/*
	=============================== padding-top ===============================
*/
.pd_t0 {
	padding-top: 0px;
}

.pd_t4 {
	padding-top: 4px;
}

.pd_t6 {
	padding-top: 6px;
}

.pd_t8 {
	padding-top: 8px;
}

.pd_t10 {
	padding-top: 10px;
}

.pd_t12 {
	padding-top: 12px;
}

.pd_t16 {
	padding-top: 16px;
}

.pd_t20 {
	padding-top: 20px;
}

.pd_t24 {
	padding-top: 24px;
}

.pd_t30 {
	padding-top: 30px;
}

.pd_t36 {
	padding-top: 36px;
}
/*
	=============================== padding-top ===============================
*/


/*
	=============================== padding-bottom ===============================
*/
.pd_b0 {
	padding-bottom: 0px;
}

.pd_b4 {
	padding-bottom: 4px;
}

.pd_b6 {
	padding-bottom: 6px;
}

.pd_b8 {
	padding-bottom: 8px;
}

.pd_b10 {
	padding-bottom: 10px;
}

.pd_b12 {
	padding-bottom: 12px;
}

.pd_b16 {
	padding-bottom: 16px;
}

.pd_b20 {
	padding-bottom: 20px;
}

.pd_b24 {
	padding-bottom: 24px;
}

.pd_b30 {
	padding-bottom: 30px;
}

.pd_b36 {
	padding-bottom: 36px;
}
/*
	=============================== padding-bottom ===============================
*/


/*
	=============================== padding-top and bottom ===============================
*/
.pd_tb0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.pd_tb4 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.pd_tb6 {
	padding-top: 6px;
	padding-bottom: 6px;
}

.pd_tb8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.pd_tb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pd_tb12 {
	padding-top: 12px;
	padding-bottom: 12px;
}

.pd_tb16 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.pd_tb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pd_tb24 {
	padding-top: 24px;
	padding-bottom: 24px;
}

.pd_tb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.pd_tb36 {
	padding-top: 36px;
	padding-bottom: 36px;
}
/*
	=============================== padding-top and bottom ===============================
*/


/*
	=============================== padding-left ===============================
*/
.pd_l4 {
	padding-left: 4px;
}

.pd_l6 {
	padding-left: 6px;
}

.pd_l8 {
	padding-left: 8px;
}

.pd_l10 {
	padding-left: 10px;
}

.pd_l12 {
	padding-left: 12px;
}

.pd_l16 {
	padding-left: 16px;
}

.pd_l20 {
	padding-left: 20px;
}

.pd_l24 {
	padding-left: 24px;
}

.pd_l30 {
	padding-left: 30px;
}

.pd_l36 {
	padding-left: 36px;
}
/*
	=============================== padding-left ===============================
*/


/*
	=============================== padding-right ===============================
*/
.pd_r4 {
	padding-right: 4px;
}

.pd_r6 {
	padding-right: 6px;
}

.pd_r8 {
	padding-right: 8px;
}

.pd_r10 {
	padding-right: 10px;
}

.pd_r12 {
	padding-right: 12px;
}

.pd_r16 {
	padding-right: 16px;
}

.pd_r20 {
	padding-right: 20px;
}

.pd_r24 {
	padding-right: 24px;
}

.pd_r30 {
	padding-right: 30px;
}

.pd_r36 {
	padding-right: 36px;
}
/*
	=============================== padding-right ===============================
*/


/*
	=============================== padding-left and right ===============================
*/
.pd_lr0 {
	padding-left: 0px;
	padding-right: 0px;
}

.pd_lr4 {
	padding-left: 4px;
	padding-right: 4px;
}

.pd_lr6 {
	padding-left: 6px;
	padding-right: 6px;
}

.pd_lr8 {
	padding-left: 8px;
	padding-right: 8px;
}

.pd_lr10 {
	padding-left: 10px;
	padding-right: 10px;
}

.pd_lr12 {
	padding-left: 12px;
	padding-right: 12px;
}

.pd_lr16 {
	padding-left: 16px;
	padding-right: 16px;
}

.pd_lr20 {
	padding-left: 20px;
	padding-right: 20px;
}

.pd_lr24 {
	padding-left: 24px;
	padding-right: 24px;
}

.pd_lr30 {
	padding-left: 30px;
	padding-right: 30px;
}

.pd_lr36 {
	padding-left: 36px;
	padding-right: 36px;
}
/*
	=============================== padding-left and right ===============================
*/


/*
	=============================== margin ===============================
*/
.mg_0 {
	margin: 0px;
}

.mg_4 {
	margin: 4px;
}

.mg_6 {
	margin: 6px;
}

.mg_8 {
	margin: 8px;
}

.mg_10 {
	margin: 10px;
}

.mg_12 {
	margin: 12px;
}

.mg_16 {
	margin: 16px;
}


.mg_20 {
	margin: 20px;
}

.mg_24 {
	margin: 24px;
}

.mg_30 {
	margin: 30px;
}

.mg_36 {
	margin: 36px;
}
/*
	=============================== margin ===============================
*/


/*
	=============================== margin-top ===============================
*/
.mg_t4 {
	margin-top: 4px;
}

.mg_t6 {
	margin-top: 6px;
}

.mg_t8 {
	margin-top: 8px;
}

.mg_t10 {
	margin-top: 10px;
}

.mg_t12 {
	margin-top: 12px;
}

.mg_t16 {
	margin-top: 16px;
}

.mg_t20 {
	margin-top: 20px;
}

.mg_t24 {
	margin-top: 24px;
}

.mg_t30 {
	margin-top: 30px;
}

.mg_t36 {
	margin-top: 36px;
}
/*
	=============================== margin-top ===============================
*/


/*
	=============================== margin-bottom ===============================
*/
.mg_b4 {
	margin-bottom: 4px;
}

.mg_b6 {
	margin-bottom: 6px;
}

.mg_b8 {
	margin-bottom: 8px;
}

.mg_b10 {
	margin-bottom: 10px;
}

.mg_b12 {
	margin-bottom: 12px;
}

.mg_b14 {
	margin-bottom: 14px;
}

.mg_b16 {
	margin-bottom: 16px;
}

.mg_b20 {
	margin-bottom: 20px;
}

.mg_b22 {
	margin-bottom: 22px;
}

.mg_b24 {
	margin-bottom: 24px;
}

.mg_b30 {
	margin-bottom: 30px;
}

.mg_b36 {
	margin-bottom: 36px;
}
.mg_b36-2 {
	margin-bottom: 36px;
}
/*
	=============================== margin-bottom ===============================
*/


/*
	=============================== margin-top and bottom ===============================
*/
.mg_tb0 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.mg_tb4 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.mg_tb6 {
	margin-top: 6px;
	margin-bottom: 6px;
}

.mg_tb8 {
	margin-top: 8px;
	margin-bottom: 8px;
}

.mg_tb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mg_tb12 {
	margin-top: 12px;
	margin-bottom: 12px;
}

.mg_tb16 {
	margin-top: 16px;
	margin-bottom: 16px;
}

.mg_tb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mg_tb24 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.mg_tb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mg_tb36 {
	margin-top: 36px;
	margin-bottom: 36px;
}
/*
	=============================== margin-top and bottom ===============================
*/


/*
	=============================== margin-left ===============================
*/
.mg_l4 {
	margin-left: 4px;
}

.mg_l6 {
	margin-left: 6px;
}

.mg_l8 {
	margin-left: 8px;
}

.mg_l10 {
	margin-left: 10px;
}

.mg_l12 {
	margin-left: 12px;
}

.mg_l16 {
	margin-left: 16px;
}

.mg_l20 {
	margin-left: 20px;
}

.mg_l24 {
	margin-left: 24px;
}

.mg_l30 {
	margin-left: 30px;
}

.mg_l36 {
	margin-left: 36px;
}
/*
	=============================== margin-left ===============================
*/


/*
	=============================== margin-right ===============================
*/
.mg_r4 {
	margin-right: 4px;
}

.mg_r6 {
	margin-right: 6px;
}

.mg_r8 {
	margin-right: 8px;
}

.mg_r10 {
	margin-right: 10px;
}

.mg_r12 {
	margin-right: 12px;
}

.mg_r16 {
	margin-right: 16px;
}

.mg_r20 {
	margin-right: 20px;
}

.mg_r24 {
	margin-right: 24px;
}

.mg_r30 {
	margin-right: 30px;
}

.mg_r35 {
	margin-right: 35px;
}

.mg_r36 {
	margin-right: 36px;
}
/*
	=============================== margin-right ===============================
*/


/*
	=============================== margin-left and right ===============================
*/
.mg_lr0 {
	margin-left: 0px;
	margin-right: 0px;
}

.mg_lr4 {
	margin-left: 4px;
	margin-right: 4px;
}

.mg_lr6 {
	margin-left: 6px;
	margin-right: 6px;
}

.mg_lr8 {
	margin-left: 8px;
	margin-right: 8px;
}

.mg_lr10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mg_lr12 {
	margin-left: 12px;
	margin-right: 12px;
}

.mg_lr16 {
	margin-left: 16px;
	margin-right: 16px;
}

.mg_lr20 {
	margin-left: 20px;
	margin-right: 20px;
}

.mg_lr24 {
	margin-left: 24px;
	margin-right: 24px;
}

.mg_lr30 {
	margin-left: 30px;
	margin-right: 30px;
}

.mg_lr36 {
	margin-left: 36px;
	margin-right: 36px;
}
/*
	=============================== margin-left and right ===============================
*/


/*
	=============================== 写真関係 ===============================
*/
.col2_photo_l { /* 左右並びの写真用（左側） */
	margin-right: 16px;
	float:left;
}

.col2_photo_r { /* 左右並びの写真用（右側） */
	float:left;
}

.photo_left {
	float:left;
}

.photo_left2 {
	float:left;
	margin-right: 16px;
}

.photo_left22 {
	float:left;
	margin-right: 16px;
	margin-bottom: 16px;
}

.photo_right {
	float: right;
}

.photo_box .photo_left {
	float: left;
	margin-right: 16px;
}

.photo_box .photo_right {
	float: right;
	margin-left: 16px;
}

.photo_box .left { /* 各イベント用（左側） */
	float: left;
	width: 292px;
	margin-right: 16px;
}

.photo_box .right { /* 各イベント用（右側） */
	float:right;
	width: 360px;
}

.photo_box .left2 { /* パンフレット用（左側） */
	float: left;
	width: 427px;
	margin-right: 16px;
}

.photo_box .right2 { /* パンフレット（右側） */
	float:right;
	width: 225px;
}

.answer2 .left_col { /* faq用（左側） */
	float: left;
	width: 354px;
	margin-right: 16px;
}

.answer2 .right_col { /* faq用（右側） */
	float:right;
	width: 292px;
}

.photo_box .smile_left { /* スマイルプロフィール（左側） */
	float: left;
	width: 212px;
	margin-right: 16px;
}

.photo_box .smile_right { /* スマイルプロフィール（右側） */
	float:right;
	width: 440px;
}

/*
	=============================== 写真関係 ===============================
*/


/*
	=============================== 罫線関係 ===============================
*/
hr.kira_hr {
	height: 0;
	width: 668px;
	margin: 0 0 20px;
	padding: 0;
	border: 0;
	border-top: dotted 1px #232835;
	clear: both;
}

.border {
	border: solid 1px #232835;
}

/*
	=============================== 罫線関係 ===============================
*/


/* ============================== レスポンシブ（480pxより狭い場合） ============================== */
@media screen and (max-width: 480px) {

.col2_photo_l {
	float: none;
	margin-bottom: 16px;
}
.col2_photo_r {
	float: none;
	margin-bottom: 16px;
}

.photo_left,
.photo_left2,
.photo_left22,
.photo_right,
.photo_box .photo_left,
.photo_box .photo_right,
.photo_box .left,
.photo_box .right,
.photo_box .left2,
.photo_box .right2,
.answer2 .left_col,
.answer2 .right_col,
.photo_box .smile_left,
.photo_box .smile_right {
	float: none;
	margin-bottom: 16px;
}

.photo_left2 {
	float: none;
	margin-bottom: 0;
	margin-right: 0;
}

.photo_box .left,
.photo_box .right,
.photo_box .left2,
.photo_box .right2,
.answer2 .left_col,
.answer2 .right_col,
.photo_box .smile_left,
.photo_box .smile_right {
	width:auto;
}

.photo_box img,
.answer2 img {
	width:100%
}

.photo_left img,
.photo_right img,
.photo_box .left,
.photo_box .right,
.photo_box .smile_left,
.photo_box .smile_right,
.photo_center {
	width:100%;
}

.photo_center {
	width: 100%;
	overflow: auto;
	margin-bottom: 24px;
}

.photo_center_2col {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 16px;
}
	
.photo_center_2col img {
	width: 90%;
}

.photo_left22 {
	margin-right: 0;
}

.mg_b24,
.mg_b36 {
	margin-bottom: 14px;
}

.mg_b36-2 {
	margin-bottom: 28px;
}

hr.kira_hr {
	width: auto;
}
	
.splink {
	padding-top: 44px !important; 
	margin-top: -44px !important;
	float: left;
	}
.d_block_a-r_pc {
	display: inherit;
	text-align: left;
}

.sp_non {
	display: none;
}
}
/* ============================== レスポンシブ（480pxより狭い場合） ============================== */