	/* ---- */
	/* HTML */
	/* ---- */

	/* Media Queriesが使えないブラウザのため */
	p.resize img.miniimage { display: none; } 
	p.resize img { width: 100%; }

@media print {
  .print_view-1, .print_view-2, .print_view-3, .print_view-4, .print_view-5, .print_view-6, .print_view-7, .print_view-8, .print_view-9, .print_view-10, .print_view-11, .print_view-12 {
    float: left;
  }
  .print_view-12 {
    width: 100%;
  }
  .print_view-11 {
    width: 91.66666667%;
  }
  .print_view-10 {
    width: 83.33333333%;
  }
  .print_view-9 {
    width: 75%;
  }
  .print_view-8 {
    width: 66.66666667%;
  }
  .print_view-7 {
    width: 58.33333333%;
  }
  .print_view-6 {
    width: 50%;
  }
  .print_view-5 {
    width: 41.66666667%;
  }
  .print_view-4 {
    width: 33.33333333%;
  }
  .print_view-3 {
    width: 25%;
  }
  .print_view-2 {
    width: 16.66666667%;
  }
  .print_view-1 {
    width: 8.33333333%;
  }
  .print_view-pull-12 {
    right: 100%;
  }
  .print_view-pull-11 {
    right: 91.66666667%;
  }
  .print_view-pull-10 {
    right: 83.33333333%;
  }
  .print_view-pull-9 {
    right: 75%;
  }
  .print_view-pull-8 {
    right: 66.66666667%;
  }
  .print_view-pull-7 {
    right: 58.33333333%;
  }
  .print_view-pull-6 {
    right: 50%;
  }
  .print_view-pull-5 {
    right: 41.66666667%;
  }
  .print_view-pull-4 {
    right: 33.33333333%;
  }
  .print_view-pull-3 {
    right: 25%;
  }
  .print_view-pull-2 {
    right: 16.66666667%;
  }
  .print_view-pull-1 {
    right: 8.33333333%;
  }
  .print_view-pull-0 {
    right: auto;
  }
  .print_view-push-12 {
    left: 100%;
  }
  .print_view-push-11 {
    left: 91.66666667%;
  }
  .print_view-push-10 {
    left: 83.33333333%;
  }
  .print_view-push-9 {
    left: 75%;
  }
  .print_view-push-8 {
    left: 66.66666667%;
  }
  .print_view-push-7 {
    left: 58.33333333%;
  }
  .print_view-push-6 {
    left: 50%;
  }
  .print_view-push-5 {
    left: 41.66666667%;
  }
  .print_view-push-4 {
    left: 33.33333333%;
  }
  .print_view-push-3 {
    left: 25%;
  }
  .print_view-push-2 {
    left: 16.66666667%;
  }
  .print_view-push-1 {
    left: 8.33333333%;
  }
  .print_view-push-0 {
    left: auto;
  }
  .print_view-offset-12 {
    margin-left: 100%;
  }
  .print_view-offset-11 {
    margin-left: 91.66666667%;
  }
  .print_view-offset-10 {
    margin-left: 83.33333333%;
  }
  .print_view-offset-9 {
    margin-left: 75%;
  }
  .print_view-offset-8 {
    margin-left: 66.66666667%;
  }
  .print_view-offset-7 {
    margin-left: 58.33333333%;
  }
  .print_view-offset-6 {
    margin-left: 50%;
  }
  .print_view-offset-5 {
    margin-left: 41.66666667%;
  }
  .print_view-offset-4 {
    margin-left: 33.33333333%;
  }
  .print_view-offset-3 {
    margin-left: 25%;
  }
  .print_view-offset-2 {
    margin-left: 16.66666667%;
  }
  .print_view-offset-1 {
    margin-left: 8.33333333%;
  }
  .print_view-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-lg {
    display: none !important;
  }
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

	
		/* ▼ */
		@media print, screen and (max-width: 4000px){
			.disp   { width:  100%; margin : 0 auto; } /* ディスプレイコンテンツ表示サイズ */
			.ret-xs { display:none;}
			.ret-sm { display:none; }
			.ret-md { display:none; }
			.ret-lg { display:block; }
		}
		
		/* ▼表示領域が 768px 未満の場合 */
		@media screen and (max-width: 767px){
			.ret-xs { display:block;}
			.ret-sm { display:none; }
			.ret-md { display:none; }
			.ret-lg { display:none; }
			.disp   { width:  95%; margin : 0 auto; } /* ディスプレイコンテンツ表示サイズ */
			.calendar-Block {
				height: 270px;		  /* カレンダーの基本高さ */
				width : 90%; 		  /* カレンダー全他の横幅 */
				margin: 0 0 15% 0;
				}
			.calendar-Table {
				font-size:  110%;
				width : 	100%;	  /* カレンダー部分の横幅 */
				height:		100%;	  /* カレンダー部分の高さ */
				border-collapse: collapse;
				border-spacing: 0;
				border-radius: 6px;
			}
		}
		
		/* ▼表示領域が 768px 以上 992px 未満の場合 */
		@media screen and (min-width: 768px) and (max-width: 991px){
			.ret-xs { display:none; }
			.ret-sm { display:block;}
			.ret-md { display:none; }
			.ret-lg { display:none; }
			.disp   { width:  90%; margin : 0 auto; } /* ディスプレイコンテンツ表示サイズ */
			.calendar-Block {
				height: 150px;		  /* カレンダーの基本高さ */
				width : 80%; 		  /* カレンダー全他の横幅 */
				margin: 0 0 25% 0;
				}
			.calendar-Table {
				font-size:  110%;
				width : 	100%;	  /* カレンダー部分の横幅 */
				height:		100%;	  /* カレンダー部分の高さ */
				border-collapse: collapse;
				border-spacing: 0;
				border-radius: 6px;
			}
		}
		
		/* ▼表示領域が 992px 以上 1200px 未満の場合 */
		@media screen and (min-width: 992px) and (max-width: 1199px){
			.ret-xs { display:none; }
			.ret-sm { display:none; }
			.ret-md { display:block;}
			.ret-lg { display:none; }
			.disp   { width:  80%; margin : 0 auto; } /* ディスプレイコンテンツ表示サイズ */
			.calendar-Block {
				height: 225px;		  /* カレンダーの基本高さ */
				width : 90%; 		  /* カレンダー全他の横幅 */
				margin: 0 0 25% 0;
				}
			.calendar-Table {
				font-size:  110%;
				width : 	100%;	  /* カレンダー部分の横幅 */
				height:		100%;	  /* カレンダー部分の高さ */
				border-collapse: collapse;
				border-spacing: 0;
				border-radius: 6px;
			}
		}
		
		/* ▼表示領域が 1200px 以上の場合 */
		@media screen and (min-width: 1200px) and (max-width: 1599px){
			.ret-xs { display:none; }
			.ret-sm { display:none; }
			.ret-md { display:none; }
			.ret-lg { display:block;}
			.disp   { width:  75%; margin : 0 auto; } /* ディスプレイコンテンツ表示サイズ */
			.calendar-Block {
				height: 250px;		  /* カレンダーの基本高さ */
				width : 90%; 		  /* カレンダー全他の横幅 */
				margin: 0 0 25% 0;
				}
			.calendar-Table {
				font-size:  120%;
				width : 	100%;	  /* カレンダー部分の横幅 */
				height:		100%;	  /* カレンダー部分の高さ */
				border-collapse: collapse;
				border-spacing: 0;
				border-radius: 6px;
			}
		}
		/* ▼表示領域が 1600px 以上の場合 */
		@media screen and (min-width: 1600px){
			.ret-xs { display:none; }
			.ret-sm { display:none; }
			.ret-md { display:none; }
			.ret-lg { display:block;}
			.disp   { width:  55%; margin : 0 auto; } /* ディスプレイコンテンツ表示サイズ */
			.calendar-Block {
				height: 250px;		  /* カレンダーの基本高さ */
				width : 90%; 		  /* カレンダー全他の横幅 */
				margin: 0 0 25% 0;
				}
			.calendar-Table {
				font-size:  120%;
				width : 	100%;	  /* カレンダー部分の横幅 */
				height:		100%;	  /* カレンダー部分の高さ */
				border-collapse: collapse;
				border-spacing: 0;
				border-radius: 6px;
			}
		}
