@charset "utf-8";
/*slide.cssの読み込み
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@import url(slide.css);
/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333; /*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /*フォント種類*/
	font-size: 16px; /*文字サイズ*/
	line-height: 1.6; /* 背景画像指定 */
	-webkit-text-size-adjust: none;
		background-repeat: repeat;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure, form, select, input, textarea {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style-type: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
}
.imw {
	width: 95%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	height: auto;
}
.content {
  width: 100%;
}
.tbl-r02 th {
  background-color: #4D4D4D;
  border: 1px solid #7F7F7F;
  color: #fff;
  padding: 10px;
}
.tbl-r02 td {
  border: solid 1px #ccc;
  padding: 10px;
  border: 1px solid #7F7F7F;
}
@media screen and (max-width: 640px) {
  .tbl-r03 {
    width: 90%;
  }
  .tbl-r03 tr {
    display: block;
    float: left;
  }
  .tbl-r03 tr td, .tbl-r03 tr th {
    border-left: none;
    display: block;
    height: 50px;
  }
  .tbl-r03 thead {
    display: block;
    float: left;
    width: 30%;
  }
  .tbl-r03 thead tr {
    width: 100%;
  }
  .tbl-r03 tbody {
    display: block;
    float: left;
    width: 70%;
  }
  .tbl-r03 tbody tr {
    width: 50%;
  }
  .tbl-r03 tr td + td {
    border-left: none;
  }
  .tbl-r03 tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }
}
.listitem.option5 h4 img {
  margin: 5px;
}
#main section .sub_img_wrap {
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
	
}
table.table01 {
	width:100%;
	border-right:#5C5F5F solid 1px;
	border-collapse: collapse;
}
table.table01 thead th {
	background-color: #5C5F5F;
	color: #FFF;
	padding: 10px 15px;
	border-right: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
}
table.table01 thead th:last-child {
	border-right:#5C5F5F solid 1px;
}
table.table01 tbody th {
	background-color: #6A6C6C;
	color: #FFF;
	padding: 10px 15px;
	border-bottom: #FFF solid 1px;
	vertical-align: top;
}
table.table01 tbody tr:last-child th {
	border-bottom: 1px solid #6E6E6E;
}

table.table01 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#3EB1C6 solid 1px;
	border-bottom:#3EB1C6 solid 1px;
	vertical-align:top;
}
thead tr th {
}
.design02 {
	width: 90%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
.design02 tr:nth-child(2n+1) {
 background: #e9faf9;
}
.design02 th {
 padding: 10px;
 background: #778ca3;
 border-right: solid 1px #778ca3;
 color: #ffffff;
}
.design02 th:last-child {
 border-right: none;
}
.design02 td {
	padding: 10px;
	border-right: solid 1px #778ca3;
	font-size: 12px;
}
.design02 td:last-child {
	border-right: 1px none #C8C8C8;
	font-size: 12px;
}
tbody tr td {
}


     HTML CSS 

    Result
    Skip Results Iframe

EDIT ON

table{
  border-collapse: collapse;
  width: 100%;
}
.design02 th,
.design02 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	width: 25%;
	font-size: 12px;
}
.design02 th {
  background: #ff7bac;
  color: #fff;
  
}
@media screen and (max-width: 640px) {
  .design02 {
    width: 100%;
  }
  table.design02 th,
  table.design02 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .design02 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}


@media screen and (max-width: 640px) {
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td p {
	padding-left:6em;
}
}
table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
  width: 95%;
  color: #000000;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
iframe {
  width: 100%;
}
video, audio {
  max-width: 100%;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  color: #1F1D1D; /*リンクテキストの色*/
  transition: 0.5s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
  font-weight: 500;
}
a:hover {
  color: #E70003; /*マウスオン時の文字色*/
  text-decoration: none; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
.listitem a {
  color: #0948B8; /*マウスオン時の文字色*/
  text-decoration: underline; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
  background-color: #EEFAFF;
  font-weight: bold;
}
.listitem a:hover {
  color: #E70003; /*マウスオン時の文字色*/
  text-decoration: none; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
  background-color: #EEFAFF;
}
/*inner共通
---------------------------------------------------------------------------*/
.inner {
  max-width: 1300px; /*サイトの最大幅*/
  margin: 0 auto;
}
/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	background-color: #281f1c; /* 背景画像指定 */
	height: 100px; /*高さ*/
	color: #FFFFFF; /*文字色*/
}
header a {
  color: #fff; /*リンクテキストの文字色*/
}
/*ロゴ画像*/
header #logo {
  width: 400px; /*ロゴ画像の幅*/
  float: left; /*左に回り込み*/
  margin-top: 32px; /*ロゴの上にあける余白。上下のバランスをここで調整して下さい。*/
  margin-left: 3%; /*ロゴの左側にあける余白。*/
}
/*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
/*TELブロック全体*/
#tel {
  letter-spacing: 0.1em; /*文字間隔を広くする設定。通常がいいならこの行削除。*/
  font-size: 20px; /*文字サイズを大きく*/
  text-align: center; /*文字をセンタリング*/
  float: right; /*右に回り込み*/
  margin-top: 12px; /*ブロックの上にあける余白。上下のバランスをここで調整して下さい。*/
  margin-right: 3%;
}
/*TELの受付時間の小文字部分*/
#tel span {
  display: block;
  font-size: 11px; /*文字サイズを小さく*/
}
/*メインメニューのブロック
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	clear: both;
	height: 50px; /*メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
	text-align: center; /*文字を中央に*/
	background-color: #130f0d
; /*下の線の幅、線種、色（古いブラウザ用）*/
	border-top: 1px solid #c8a063; /*上の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
	border-bottom: 1px solid #c8a063; /*上の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*メニュー１個あたりの設定*/
#menubar li {
  float: left; /*左に回り込み*/
  width: 16.66%; /*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
}
#menubar li a {
  text-decoration: none;
  display: block;
  font-weight: bold; /*太字に*/
  color: #fff; /*文字色*/
  height: 35px; /*高さ*/
  padding-top: 15px; /*上に追加する余白*/
  border-right: 1px solid #c8a063; /*メニューの右側の線の幅、線種、色（古いブラウザ用）*/
  border-right-color: #c8a063;
  border-right-style: solid;
  border-right-width: 1px; /*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*１つ目のメニューへの追加設定*/
#menubar li:first-child a {
  border-left: 2px solid #c8a063; /*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/
}
/*飾り文字*/
#menubar li span {
  display: block;
  font-size: 9px; /*文字サイズ*/
  font-weight: normal; /*文字を太字でなく標準に戻す設定*/
  letter-spacing: 0.2em; /*文字間隔を少しあける設定*/
  opacity: 0.5; /*透明度50％*/
}
/*マウスオン時、現在表示中(current)のメニューの共通設定*/
#menubar li a:hover, #menubar li.current a {
  background: #fff; /*背景色*/
  color: #ab1f24; /*文字色*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {
  display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
  display: none;
}

.sidebox2 {
	margin-top: 1em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1em;
	background-color: #F5F4F4;
}
.sidebox2 .box-title {
	font-size: 1.1em;
	background-color: #470700;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	border-bottom-color: #A04C4D;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: url(../images/bg_side.png);
}
.sidebox2 p {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0;
}
.btn-gradient-3d-orange {
	display: inline-block;
	padding-top: 0.1em;
	padding-right: 0.1px;
	padding-left: 0.1em;
	padding-bottom: 0.1em;
	text-decoration: none;
	border-radius: 4px;
	color: #680001;
	background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #c58668;
	float: none;
	margin-left: auto;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	width: 98%;
	text-align: center;
}

.btn-gradient-3d-orange:active {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
	text-align: center;
}

/*ドロップダウンメニュー用
----------------------------------------------------------------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu {
  position: absolute;
  visibility: hidden;
  z-index: 10;
  padding-top: 1px;
  width: 16.66%; /*幅。上の「#menubar li」と合わせる。*/
  font-size: 12px; /*文字サイズ*/
}
/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
  float: none;
  width: 100%;
}
#menubar ul.ddmenu li a {
  width: 100%;
  height: auto;
  font-weight: normal;
  border: none; /*線を一旦リセット*/
  border-bottom: 1px solid #fff; /*下の線の幅、線種、色*/
  background: #000; /*背景色（古いブラウザ用）*/
  background: rgba(0, 0, 0, 0.7); /*背景色。0,0,0は黒の事で0.7は70%色がついた状態の事。*/
  color: #fff; /*文字色*/
  padding: 10px 0; /*上下、左右への余白*/
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
  background: #000; /*背景色*/
}
/*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
/*上部固定メニュー用fixmenu設定*/
body.is-fixed-menu .nav-fix-pos {
  width: 100%;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
body.is-fixed-menu header {
  margin-bottom: 75px; /*メニューの高さを指定。menubarのborderが2px分ありますが大差ないので75でOKです。*/
}
/*上の設定の「is-fixed-menu」を「is-fixed」に変更したものをそのまま記入します。fixmenuスクリプトを２つ使う為に必要な設定になります。*/
body.is-fixed .nav-fix-pos {
  width: 100%;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}
body.is-fixed header {
  margin-bottom: 75px;
}
/*contents（３カラムを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	overflow: hidden;
	padding-top: 40px; /*上に空けるボックス内の余白*/
	padding-bottom: 40px;
	background-position: 0% 0%;
	background-repeat: repeat-x;
}
/*contents-in（mainとsubを囲むブロック）
---------------------------------------------------------------------------*/
#contents-in {
  float: left; /*左に回り込み*/
  width: 80%; /*ブロックの幅*/
}
/*２カラム時*/
.c2 #contents-in {
  float: none;
  width: auto;
}
/*mainコンテンツ（中央のブロック）
---------------------------------------------------------------------------*/
#main {
  float: right; /*右に回り込み*/
  width: 75%; /*ブロックの幅*/
}
.imagee {
	width: 920px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*mainコンテンツのh2タグ設定*/
#main h2 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.5em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background: #000000;
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	margin-top: 20px;
}
/*h2タグの１文字目への追加設定*/
#main h2::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2タグ設定*/
#main h2.newsarea {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.0em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #0000000;
	border-top: 1px solid #875B00;
	border-bottom: 1px solid #875B00;
	margin-top: 20px;
}
/*h2タグの１文字目への追加設定*/
#main h2.newsarea::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-yelloeタグ設定*/
#main h2.wear {
	clear: both;
	margin-bottom: 30px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.7em; /*文字サイズ*/
	color: #FFFFFF; /*背景色*/
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	font-weight: bolder;
	background-image: url(../images/bg_midasi_06.png);
	text-align: center;
	margin-top: 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
/*h2タグの１文字目への追加設定*/
#main h2.wear::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-yelloeタグ設定*/
#main h2.other {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.7em; /*文字サイズ*/
	color: #000000; /*文字色*/
	background-color: #281f1c; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	background-image: url(../images/bg_midasi_05.png);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.other::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-yelloeタグ設定*/
#main h2.0 {
  clear: both;
  margin-bottom: 20px;
  padding: 10px 20px; /*上下、左右への余白*/
  font-size: 1.2em; /*文字サイズ*/
  color: #000000; /*文字色*/
  background-color: #281f1c; /*背景色*/
  border-top: 2px solid #875B00;
  border-bottom: 2px solid #875B00;
  font-weight: bold;
  background-image: url(../images/bg_midasi_04.png);
	display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
/*h2タグの１文字目への追加設定*/
#main h2.0::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-yelloeタグ設定*/
#main h2.yellow {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.7em; /*文字サイズ*/
	color: #000000; /*文字色*/
	background-color: #FF7E00; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	background-image: url(../images/bg_midasi_02.png);
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	max-height: 100%;
}
/*h2タグの１文字目への追加設定*/
#main h2.yellow::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-blueタグ設定*/
#main h2.blue {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.7em; /*文字サイズ*/
	color: #000000; /*文字色*/
	background-color: #2262B9; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	background-image: url(../images/bg_midasi_01.png);
	text-align: center;
	display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
/*h2タグの１文字目への追加設定*/
#main h2.blue::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-blueタグ設定*/
#main h2.sc {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.7em; /*文字サイズ*/
	color: #000000; /*文字色*/
	background-color: #21B97E; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	background-image: url(../images/bg_midasi_07.png);
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
/*h2タグの１文字目への追加設定*/
#main h2.sc::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-hadaタグ設定*/
#main h2.hada {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #C482A9; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.hada::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-tatamiタグ設定*/
#main h2.tatami {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #557B4D; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.tatami::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-matタグ設定*/
#main h2.mat {
  clear: both;
  margin-bottom: 20px;
  padding: 10px 20px; /*上下、左右への余白*/
  font-size: 1.1em; /*文字サイズ*/
  color: #fff; /*文字色*/
  background-color: #5B82D1; /*背景色*/
  border-top: 2px solid #875B00;
  border-bottom: 2px solid #875B00;
  font-weight: bold;
	display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
/*h2タグの１文字目への追加設定*/
#main h2.mat::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-hgタグ設定*/
#main h2.belt {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.7em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #000000; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	text-align: center;
	background-image: url(../images/bg_midasi_06.png);
}
/*h2タグの１文字目への追加設定*/
#main h2.belt::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-hgタグ設定*/
#main h2.hg {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #489B48; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	height: 3em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.hg::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
}
/*mainコンテンツのh2-proタグ設定*/
#main h2.pro {
  clear: both;
  margin-bottom: 20px;
  padding: 10px 20px; /*上下、左右への余白*/
  font-size: 1.1em; /*文字サイズ*/
  color: #fff; /*文字色*/
  background-color: #9C6252; /*背景色*/
  border-top: 2px solid #875B00;
  border-bottom: 2px solid #875B00;
  font-weight: bold;
}
/*h2タグの１文字目への追加設定*/
#main h2.pro::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
  font-size: 1.1em;
}
/*mainコンテンツのh2-proタグ設定*/
#main h2.sisyu {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #A76870; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
}
/*h2タグの１文字目への追加設定*/
#main h2.sisyu::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
  font-size: 1.1em;
}
/*mainコンテンツのh2-proタグ設定*/
#main h2.key {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #868F2F; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.key::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
  font-size: 1.1em;
}
/*mainコンテンツのh2-proタグ設定*/
#main h2.poti {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #AE6ACD; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.poti::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
  font-size: 1.1em;
}
/*mainコンテンツのh2-proタグ設定*/
#main h2.mask {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #E7A446; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.mask::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
  font-size: 1.1em;
}

/*mainコンテンツのh2-proタグ設定*/
#main h3.blask_ti {
	clear: both;
	font-size: 1.1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #000000; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h3.blask_ti::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
  font-size: 1.1em;
}

/*mainコンテンツのh2-proタグ設定*/
#main h2.bag {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #000000; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.bag::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
  font-size: 1.1em;
}
/*mainコンテンツのh2-proタグ設定*/
#main h2.belt2 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px; /*上下、左右への余白*/
	font-size: 1.1em; /*文字サイズ*/
	color: #fff; /*文字色*/
	background-color: #000000; /*背景色*/
	border-top: 2px solid #875B00;
	border-bottom: 2px solid #875B00;
	font-weight: bold;
	text-align: center;
}
/*h2タグの１文字目への追加設定*/
#main h2.belt2::first-letter {
  padding-left: 15px; /*線とテキストとの余白*/
  font-size: 1.1em;
}
/*mainコンテンツの段落タグ設定*/
#main p {
  padding: 0px 20px 20px; /*上、左右、下への余白*/
}
/*他。微調整。*/
#main p + p {
  margin-top: -5px;
}
#main h2 + p, #main h3 + p {
  margin-top: -10px;
}
#main section + section {
	margin-top: 30px;
	margin-bottom: 30px;
}
.img_center {
	margin-left: auto;
	margin-right: auto;
	width: 355px;
}

.none {
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}

.entry-content h3 {
  position: relative;
  padding: 10px 10px;
  color: #fff;
  line-height: 1.5;
  background-color: #293b6a;
  border-radius: 4px;
}
.entry-content h3::before, .entry-content h3::after {
  position: absolute;
  width: 100%;
  height: 4px;
  z-index: 2;
  content: '';
}
.entry-content h3::before {
  top: 0;
  left: 0;
  border-bottom: 1px dashed #fff;
}
.entry-content h3::after {
  bottom: 0;
  left: 0;
  border-top: 1px dashed #fff;
}
/*求人一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list {
  position: relative;
  overflow: hidden;
  padding: 25px; /*ボックス内の余白*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  margin-bottom: 20px; /*ボックス同士の上下間に空けるスペース*/
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は15%色がついた状態の事。*/
}
/*ボックス内のh4タグ設定*/
.list h4 {
  font-size: 28px; /*文字サイズ*/
  color: #ee0000; /*文字色*/
  line-height: 1.4; /*行間を少しせまく*/
}
.list h4 a {
  color: #ee0000; /*リンクテキストの文字色*/
}
/*ボックス内のp(段落)タグ設定*/
.list p {
  padding: 0px 0px 10px !important; /*上、左右、下への余白*/
}
/*ボックス内の写真*/
.list p.img {
  float: left; /*左に回り込み*/
  width: 30%; /*画像の幅*/
  margin-bottom: 20px; /*画像の下に空けるスペース*/
}
/*写真の右側に回り込むブロック*/
.list .text {
  float: right; /*右に回り込み*/
  width: 67%; /*ブロック幅*/
}
/*listブロック内のta1設定*/
.list .ta1, .list .ta1 td, .list .ta1 th {
  padding: 5px; /*ボックス内の余白*/
  font-size: 14px; /*文字サイズ*/
}
/*ta1の左側ボックスの文字を太字でなく標準にする*/
.ta1 th {
  font-weight: normal;
}
.tbl-r03 p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
.tbl-r03 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r03 td {
  border: solid 1px #ccc;
  padding: 10px;
}
@media screen and (max-width: 640px) {
  .tbl-r03 {
    width: 90%;
  }
  .tbl-r03 tr {
    display: block;
    float: left;
  }
  .tbl-r03 tr td, .tbl-r03 tr th {
    border-left: none;
    display: block;
    height: 50px;
  }
  .tbl-r03 thead {
    display: block;
    float: left;
    width: 30%;
  }
  .tbl-r03 thead tr {
    width: 100%;
  }
  .tbl-r03 tbody {
    display: block;
    float: left;
    width: 70%;
  }
  .tbl-r03 tbody tr {
    width: 50%;
  }
  .tbl-r03 tr td + td {
    border-left: none;
  }
  .tbl-r03 tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }
}
/*日付(CMS用)*/
.date {
  font-size: 11px; /*文字サイズ*/
  color: #999; /*文字色*/
  text-align: right; /*文字を右寄せ*/
}
.date span {
  display: inline-block;
}
.article img {
  display: inline-block;
}
/*list2ボックス（トップページの「現在の求人」で使っている２列のブロック）
---------------------------------------------------------------------------*/
/*ボックス全体の設定*/
.list2 {
  overflow: hidden;
}
/*各ボックスの設定*/
.list2 li {
  float: left; /*左に回り込み*/
  width: 49%; /*幅*/
  line-height: 1.5; /*行間*/
  margin: 0px 0.5% 20px; /*上、左右、下へのボックスの外側へ空けるスペース*/
}
.list2 a {
  display: block;
  text-decoration: none;
  height: 65px; /*ボックスの高さ*/
  overflow: hidden; /*ボックスから飛び出た場合、非表示にする設定*/
  background: linear-gradient(#fff, #f2f2f2); /*背景グラデーション*/
  border-radius: 10px; /*角丸のサイズ*/
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); /*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.1は10%色がついた状態の事。*/
  padding: 15px; /*ボックス内の余白*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
}
/*マウスオン時*/
.list2 a:hover {
  background: #fff; /*背景色*/
  box-shadow: none; /*ボックスの影をなくす設定*/
  position: relative;
  left: 1px; /*現在地から右に1px移動する*/
  top: 1px; /*現在地から下に1px移動する*/
}
/*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
.list2 .img {
  height: 100%; /*高さ*/
  float: right; /*右に回り込み*/
}
/*件数のテキスト。※list2内でspanタグで囲った場合。*/
.list2 span {
  font-size: 28px; /*文字サイズ*/
  color: #ee0000; /*文字色*/
}
*ボックス（list）設定 ---------------------------------------------------------------------------*/ /*ボックス１個あたりの設定*/
#main .listsub {
  position: relative;
  overflow: hidden;
  background: #fff; /*背景色*/
  color: #666; /*文字色*/
  margin-bottom: 20px; /*ボックス同士の上下間の余白*/
  padding: 20px; /*ボックス内の余白。ここを変更する場合は、下の「#main .list a」の「margin」と「padding」の数字も変更。*/
}
#main .listsuba {
  overflow: hidden;
  display: block;
  text-decoration: none;
  margin: -20px; /*ボックス内の余白。ここを変更する場合は、上の「#main .list」の「padding」の数字も変更。※マイナスを必ずつけて下さい。*/
  padding: 20px; /*ボックス内の余白。ここを変更する場合は、上の「#main .list」の「padding」の数字も変更。*/
  color: #666; /*文字色*/
}
/*ボックスにリンク指定がされた場合に出る「→」マーク*/
#main .listsub a::before {
  position: absolute;
  text-align: center;
  content: "→"; /*この文字を出す。他の文字に変えても可だが機種依存文字は化けるので使わない。*/
  right: 20px; /*ボックスの右から20pxの場所に配置*/
  bottom: 20px; /*ボックスの下から20pxの場所に配置*/
  background: #ccc; /*背景色*/
  color: #fff; /*文字色*/
  border: 1px solid #fff; /*枠線の幅、線種、色*/
  width: 30px; /*幅*/
  line-height: 30px; /*高さ*/
}
/*マウスオン時の「→」マークの背景色*/
#main .listsub a:hover::before {
  background: #202020;
}
/*ボックス内の画像設定*/
#main .listsub figure {
  width: 30%; /*画像の幅*/
  float: left; /*左に回り込み*/
  margin-right: 20px; /*画像の右側に空けるスペース*/
}
/*ボックス内のh4（見出し）タグ設定*/
#main .listsub h4 {
  clear: both;
  padding: 0;
  border-bottom: none;
  font-size: 24px; /*文字サイズ*/
  color: #333; /*文字色*/
  border-bottom: 1px solid #ccc; /*下線の幅、線種、色*/
  margin-bottom: 10px;
}
/*ボックス内のh4（見出し）タグの１文字目への設定。左のアクセントラインです。*/
#main .listsub h4::first-letter {
  border-left: 3px solid #202020; /*左の線の幅、線種、色*/
  padding-left: 10px; /*枠線と文字との間の余白*/
}
/*ボックス内のp（段落）タグ設定*/
#main .listsub p {
  padding: 0;
}
/*list内のアイコン（シニア向け、ご家族向け、カップル向け）
---------------------------------------------------------------------------*/
/*アイコン全体を囲むボックス*/
ul.mark {
  margin-top: -20px; /*ボックスの上にくっつける為の指定*/
  float: right; /*ボックスを右側に配置する*/
}
/*アイコン１個あたりの設定*/
ul.mark li {
  line-height: 1;
  float: left; /*左に回り込み*/
  background: #999; /*デフォルトの背景色。グレー色。*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  padding: 5px 10px; /*上下、左右へのアイコン内の余白*/
  margin-right: 5px; /*アイコンの左右間に空けるスペース*/
  margin-bottom: 5px; /*アイコンの上下間に空けるスペース*/
}
/*mark1（シニア向け）への追加設定*/
ul.mark .mark1 {
  background: #604781; /*背景色*/
}
/*mark2（ご家族向け）への追加設定*/
ul.mark .mark2 {
  background: #668d22; /*背景色*/
}
/*mark3（カップル向け）への追加設定*/
ul.mark .mark3 {
  background: #c8436f; /*背景色*/
}
/*mark4（キャンペーン向け）への追加設定*/
ul.mark .mark4 {
  background: #e38000; /*背景色*/
}
/*subコンテンツ（左側のブロック）
---------------------------------------------------------------------------*/
#sub {
  float: left; /*左に回り込み*/
  width: 22.5%; 
	/*ブロックの幅*/
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}
/*sideコンテンツ（右側のブロック）
---------------------------------------------------------------------------*/
#side {
  float: right; /*右に回り込み*/
  width: 18%; /*ブロックの幅*/
}
/*２カラム時*/
.c2 #side {
  display: none;
}
/*sub,side共通設定
---------------------------------------------------------------------------*/
/*h2見出しタグ設定*/
#sub h2, #side h2 {
  text-align: center; /*文字をセンタリング*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  padding: 8px 0px; /*上下、左右への余白*/
  background: linear-gradient(#fff, #eee); /*グラデーション*/
}
/*段落タグ（p）設定*/
#sub p, #side p {
  line-height: 1.6; /*行間を少し狭く*/
}
/*box1設定（sub,sideで使っています）
---------------------------------------------------------------------------*/
/*box1設定*/
#sub .box1, #side .box1 {
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  padding: 10px; /*ボックス内の余白*/
  margin-bottom: 20px; /*ボックスの下にあけるスペース*/
  background: #fafafa; /*背景色*/
}
/*box1の中にsubmenuがある場合の下のmarginをなくす*/
.box1 .submenu {
  margin-bottom: 0 !important;
}
/*submenu（sub,sideのメニュー）
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#sub .submenu, #side .submenu {
  margin-bottom: 20px; /*メニューブロックの下にあけるスペース*/
  border-top: 1px solid #ccc; /*上の線の幅、線種、色*/
  background-color: #fff;
}
/*メニュー１個ごとの設定*/
#sub .submenu li a, #side .submenu li a {
  text-decoration: none;
  display: block;
  padding: 0 10px; /*上下、左右のボックス内の余白*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  border-top: none; /*上の線を消す設定*/
}
li a .sub_img {
  margin: 5px;
}
/*h2タグにsubmenuが続いた場合にsubmenuの上の線を消す*/
#sub h2 + .submenu, #side h2 + .submenu {
  border-top: none;
}
.libk {
	background-color: #BFBFBF;
	font-weight: bold;
	color: #000000;
}
/*sub,sideコンテンツ内のlist-subボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.list-sub {
  position: relative;
  overflow: hidden;
  border-left: 1px solid #dcdcdc; /*左の線の線種、幅、色*/
  border-right: 1px solid #dcdcdc; /*右の線の線種、幅、色*/
  border-bottom: 1px solid #dcdcdc; /*下の線の線種、幅、色*/
  line-height: 1.5; /*行間を少し狭くする。基本となる値は一番上のbodyにあります。*/
  font-size: 12px; /*文字サイズ*/
}
.list-sub a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  padding: 5px; /*ボックス内の余白*/
}
/*マウスオン時のボックス*/
.list-sub a:hover {
  background: #fff; /*背景色*/
}
/*h4タグ*/
.list-sub a h4 {
  font-weight: bold; /*太字にする設定*/
}
/*段落(p)タグ*/
.list-sub p {
  padding: 0 !important;
}
/*画像*/
.list-sub figure {
  width: 30%; /*画像の幅*/
  float: left; /*左に回り込み*/
  margin-right: 5px; /*画像右側に空ける余白*/
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
  clear: both;
  background: #991f1f; /*背景色*/
  font-size: 85%; /*文字サイズ*/
  color: #fff; /*文字色*/
  border-top-color: #d4aa16;
  border-top-width: 5px;
}
footer a, footer a:hover {
  color: #fff; /*リンクテキスト、マウスオン時の文字色*/
}
footer .pr {
  display: block;
  font-size: 80%;
}
/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
  overflow: hidden;
  padding: 20px 0; /*上下、左右へのボックス内の余白*/
  font-size: 12px; /*文字サイズを少し小さく*/
}
/*１行分の設定*/
#footermenu ul {
  float: left; /*左に回り込み*/
  width: 23%; /*幅。今回は4列作ったのでここの幅23%と下のpadding(合計の2%)でトータル25%になるよう設定。列に応じて調整して下さい。*/
  padding-right: 1%;
  padding-left: 1%;
}
/*見出し*/
#footermenu li.title {
  font-weight: bold; /*太字にする*/
}
/*リンクテキスト*/
#footermenu a {
  text-decoration: none;
  opacity: 0.8; /*透明度。90%色がでた状態の事。*/
}
/*マウスオン時*/
#footermenu a:hover {
  opacity: 1; /*透明度。100%色がでた状態の事。*/
}
/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
  clear: both;
  text-align: center;
  background-color: #333; /*背景色*/
  background-image: url(../images/bg_header.png); /* 背景画像指定 */
  background-image: inherit;
}
#copyright a {
  text-decoration: none;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
  padding: 0px 20px; /*上下、左右へのブロック内の余白*/
  margin-bottom: 20px; /*ブロックの下(外側)に空ける余白*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
	margin-top: 7px;
}
/*記事設定*/
#new dd {
  padding-left: 9em;
  border-bottom: 1px solid #ccc; /*下線の幅、線種、色*/
  padding-top: 5px;
}
.red_text {
	color: #FF0004;
	font-weight: bold;
}

/*よく頂く質問ページ
---------------------------------------------------------------------------*/
/*質問と答えのボックス全体を囲むブロック*/
.faq {
  padding: 0 20px 10px; /*上、左右、下へのボックス内余白*/
}
/*質問*/
.faq dt {
  font-weight: bold; /*太字にする設定*/
  color: #ee0000; /*文字色*/
}
/*回答*/
.faq dd {
  padding-bottom: 10px; /*下に空けるスペース*/
}
/*アイコン（正社員、アルバイト、パート、未経験可、など）
---------------------------------------------------------------------------*/
/*アイコン共通*/
.icon {
  display: inline-block;
  position: relative;
  bottom: 2px;
  font-size: 11px; /*文字サイズ*/
  padding: 0 5px; /*上下、左右へのボックス内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  background: #eee; /*背景色*/
}
.icon a {
  text-decoration: none;
}
/*アイコン：赤（正社員）*/
.icon.color1 {
  border: 1px solid #d90000; /*枠線の幅、線種、色*/
  background: #d90000; /*背景色*/
  color: #fff !important; /*文字色*/
}
/*アイコン：青（アルバイト）*/
.icon.color2 {
  border: 1px solid #2b2ebc; /*枠線の幅、線種、色*/
  background: #2b2ebc; /*背景色*/
  color: #fff; /*文字色*/
}
/*一覧ページのボックス内の右上のマーク
（CMSの場合は管理ページだと「オプション1」～のプルダウン、setup.phpだと「オプション選択肢」に関連します）
---------------------------------------------------------------------------*/
/*option1〜option3、と、newアイコン共通*/
.option1, .option2, .option3, .new {
  text-align: center;
  display: inline-block;
  font-size: 12px; /*文字サイズ*/
  padding: 0 30px; /*上下、左右へのアイコン内の余白*/
  line-height: 20px; /*高さ*/
  position: absolute;
  right: 25px; /*右から25pxの場所に配置*/
  top: 0px; /*上から0pxの場所に配置*/
}.h1tag {
	padding: .5em 0; /*上下の余白*/
	border-top: solid 3px #ff5a5f; /*上線（線種 太さ 色）*/
	border-bottom: solid 3px #ff5a5f; /*下線（線種 太さ 色）*/
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
/*sub,sideコンテンツ内で使う場合の追加（変更）設定*/
#sub .option1, #sub .option2, #sub .option3, #sub .new, #side .option1, #side .option2, #side .option3, #side .new {
  font-size: 10px; /*文字サイズ*/
  padding: 0 30px; /*上下、左右へのアイコン内の余白*/
  line-height: 16px; /*行間*/
  right: 0px; /*右から0pxの場所に配置*/
  transform: rotate(45deg) translate(22px, -10px); /*45度回転、右へ,下へ(マイナス設定なので上へ向けての指定)の移動距離*/
}
/*option1*/
.option1 {
  color: #FFF; /*文字色*/
  background: #f83d72; /*背景色*/
}
/*option2*/
.option2 {
  color: #000; /*文字色*/
  background: #ffd200; /*背景色*/
}
/*option3*/
.option3 {
  color: #FFF; /*文字色*/
  background: #999; /*背景色*/
}
/*new*/
.new {
  color: #FFF; /*文字色*/
  background: #F00; /*背景色*/
}
/*求人一覧ページの「詳細を見る・応募する」ボタン
---------------------------------------------------------------------------*/
a.btn {
  display: block;
  text-decoration: none;
  background: #d90000; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#d90000, #a70000); /*グラデーション*/
  color: #fff; /*文字色*/
  font-size: 0.8em; /*文字サイズ*/
  text-align: center; /*文字をセンタリング*/
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px; /*ボタン内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
  letter-spacing: 0.1m; /*文字間隔を広くとる設定*/
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
  border: 1px solid #a70000; /*枠線の幅、線種、色*/
  margin-top: 10px;
}
/*マウスオン時*/
a:hover.btn {
	box-shadow: none;
	background: #fff; /*背景色*/
	color: #0C164D; /*文字色*/
	margin-top: 10px;
}
/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
  border: 1px solid #ccc; /*テーブルの枠線の幅、線種、色*/
  border-bottom: none; /*下線だけ消す*/
  text-align: left; /*文字を左寄せ*/
  background: #eee; /*背景色*/
  color: #666; /*文字色*/
  font-weight: bold; /*太字に*/
  padding: 10px; /*ボックス内の余白*/
}
/*ta1設定*/
.ta1 {
  table-layout: fixed;
  width: 90%;
  margin: 0 auto 20px;
  background: #fff; /*文字色*/
}
.ta1, .ta1 td, .ta1 th {
  word-break: break-all;
  border: 1px solid #ccc; /*テーブルの枠線の幅、線種、色*/
  padding: 10px; /*ボックス内の余白*/
  max-width: 100%;
  width: 95%;
}
/*ta1の左側ボックス*/
.ta1 th {
  width: 180px; /*幅*/
  text-align: center; /*センタリング*/
  background: linear-gradient(#ffffff 0%, #EFEFEF 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  font-weight: bold;
}
.design02 th {
  width: 100px; /*幅*/
  text-align: center; /*センタリング*/
  background: linear-gradient(#ffffff 0%, #EFEFEF 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  font-weight: bold;
}
/*labelタグを２列表示にする（CMS用）*/
.ta1.cms td label {
  display: block;
  float: left;
  width: 50%;
}
.ta12 caption {
  border: 1px solid #ccc; /*テーブルの枠線の幅、線種、色*/
  border-bottom: none; /*下線だけ消す*/
  text-align: left; /*文字を左寄せ*/
  background: #eee; /*背景色*/
  color: #666; /*文字色*/
  font-weight: bold; /*太字に*/
  padding: 10px; /*ボックス内の余白*/
}
/*ta1設定*/
.ta12 {
  table-layout: fixed;
  width: 90%;
  margin: 0 auto 20px;
  background: #fff; /*背景色*/
  color: #000000; /*文字色*/
}
.ta12, .ta12 td, .ta12 th {
  word-break: break-all;
  border: 1px solid #ccc; /*テーブルの枠線の幅、線種、色*/
  padding: 10px; /*ボックス内の余白*/
  max-width: 100%;
  width: 95%;
}
/*ta1の左側ボックス*/
.ta12 th {
  width: 180px; /*幅*/
  text-align: center; /*センタリング*/
  background: linear-gradient(#ffffff 0%, #EFEFEF 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  font-weight: bold;
}
/*labelタグを２列表示にする（CMS用）*/
.ta12.cms td label {
  display: block;
  float: left;
  width: 50%;
}
/*inputボタン
---------------------------------------------------------------------------*/
#main input[type="submit"].btn, #main input[type="button"].btn, #main input[type="reset"].btn {
  padding: 5px 10px;
  border: 1px solid #ccc;
  font-size: 15px;
  border-radius: 3px;
  background: #eee;
}
/*マウスオン時の設定*/
#main input[type="submit"].btn:hover, #main input[type="button"].btn:hover, #main input[type="reset"].btn:hover {
  border: 1px solid #999;
  background: #fff;
}
/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*アニメーションのキーグレーム設定（変更不要）*/
@keyframes scroll {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a {
  display: none;
}
/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
  display: block;
  text-decoration: none;
  text-align: center;
  z-index: 100;
  position: fixed;
  width: 50px; /*幅*/
  line-height: 50px; /*高さ*/
  bottom: 50px; /*下から50pxの場所に配置*/
  right: 3%; /*右から3%の場所に配置*/
  background: #ff0000; /*背景色（古いブラウザ用）*/
  background: rgba(0, 0, 0, 0.6); /*背景色。0,0,0は黒の事で0.6は透明度60%の事。*/
  color: #fff; /*文字色*/
  border: 1px solid #fff; /*枠線の幅、線種、色*/
  animation-name: scroll; /*上のアニメーションで指定しているkeyframesの名前（scroll）*/
  animation-duration: 1S; /*アニメーションの実行時間*/
  animation-fill-mode: forwards; /*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
  background: #999; /*背景色*/
}
/*NEWアイコン
---------------------------------------------------------------------------*/
.newicon {
  background: #ab1f24; /*背景色*/
  color: #FFF; /*文字色*/
  font-size: 70%; /*文字サイズ*/
  line-height: 1.5;
  padding: 2px 5px;
  border-radius: 2px;
  margin: 0px 5px;
  vertical-align: text-top;
}
/*UPアイコン
---------------------------------------------------------------------------*/
.upicon {
  background: #0072ff; /*背景色*/
  color: #FFF; /*文字色*/
  font-size: 70%;
  line-height: 1.5;
  padding: 2px 5px;
  border-radius: 2px;
  margin: 0px 5px;
  vertical-align: text-top;
}
/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check {
  background: #0825ff;
  color: #fff;
  padding: 10px 25px !important;
  margin-bottom: 20px;
}
p.check a {
  color: #fff;
}
/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc {
  list-style: disc;
  padding: 0 20px 20px 40px;
}
ol {
  padding: 0 20px 20px 45px;
}
/*その他
---------------------------------------------------------------------------*/
.look {
  background: #eee;
  border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 4px;
}
.mb15, .mb1em {
  margin-bottom: 15px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb30 {
  margin-bottom: 30px;
}
.clear {
  clear: both;
}
.color1, .color1 a {
  color: #ab1f24;
}
.pr {
  font-size: 10px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center;
}
.r {
  text-align: right;
}
.l {
  text-align: left;
}
img.fr {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
img.fl {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.big1 {
  font-size: 24px;
  letter-spacing: 0.2em;
}
#sub .big1, #side .big1 {
  font-size: 12px;
  letter-spacing: normal;
}
.mini1 {
  font-size: 11px;
  display: inline-block;
  line-height: 1.5;
}
.sh {
  display: none;
}
#sub nav .nav_img {
  margin-bottom: 10px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .alignleft, img.alignleft {
    float: none;
    display: block;
    margin: auto;
  }
  .alignright, img.alignright {
    float: none;
    display: block;
    margin: auto;
  }
}
/*画面幅1301px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1301px) {
  /*inner共通
---------------------------------------------------------------------------*/
  .inner {
    max-width: 100&; /*サイトの幅。この指定がないと上部メニューが一瞬段落ちする場合があるので。*/
  }
  /*メインメニューとドロップダウンメニューの設定変更。
メニュー数が6個なので、1301÷6=216pxになります。
---------------------------------------------------------------------------*/
  #menubar li, #menubar ul.ddmenu {
    width: 216px;
  }
}
/*画面幅1300px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1300px) {
  /*contents（３カラムを囲むブロック）
---------------------------------------------------------------------------*/
  #contents {
    margin: 0 1%; /*上下、左右へのコンテンツの外側へ空けるスペース*/
  }
}
/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px) {
  /*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
  /*TELブロック全体*/
  #tel {
    display: none; /*非表示にする*/
  }
  /*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
  /*fixmenuから折りたたみメニューになるのでリセット。*/
  body.is-fixed-menu header, body.is-fixed header {
    margin-bottom: 0px;
  }
  /*メインメニュー
---------------------------------------------------------------------------*/
  /*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明(0%)から色を100%出すアニメーション指定。*/
  @keyframes menu1 {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /*スマホ用メニューブロック*/
  #menubar-s {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 100px; /*上から100pxの場所に配置*/
    border-top: 1px solid #fff; /*上の線の幅、線種、色*/
    width: 100%;
    z-index: 10;
    animation-name: menu1; /*上のkeyframesの名前*/
    animation-duration: 0.5S; /*アニメーションの実行時間。0.5秒。*/
    animation-fill-mode: both; /*アニメーションの完了後、最後のキーフレームを維持する*/
  }
  /*メニュー１個あたりの設定*/
  #menubar-s li a {
    display: block;
    text-decoration: none;
    padding: 15px 10px 15px 20px; /*上、右、下、左へのメニュー内の余白*/
    border-bottom: 1px solid #fff; /*下の線の幅、線種、色*/
    background: rgba(0, 0, 0, 0.8); /*背景色*/
    font-size: 20px;
    color: #fff; /*文字色*/
  }
  /*英語表記（飾り文字）*/
  #menubar-s li a span {
    display: block;
    font-size: 12px; /*文字サイズ*/
  }
  /*PC用メニューを非表示にする*/
  #menubar {
    display: none;
  }
  /*３本バーアイコン設定
---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    display: block;
    position: absolute;
    top: 24px; /*上から24pxの場所に配置*/
    right: 3%; /*右から3%の場所に配置*/
    border: 1px solid #fff; /*枠線の幅、線種、色*/
  }
  /*アイコン共通設定*/
  #menubar_hdr.close, #menubar_hdr.open {
    width: 50px; /*幅*/
    height: 50px; /*高さ*/
  }
  /*三本バーアイコン*/
  #menubar_hdr.close {
    background: url(../images/icon_menu.png) no-repeat center top/50px;
  }
  /*閉じるアイコン*/
  #menubar_hdr.open {
    background: url(../images/icon_menu.png) no-repeat center bottom/50px;
  }
  /*contents（３カラムを囲むブロック）
---------------------------------------------------------------------------*/
  #contents {
    padding: 20px 2%; /*上下、左右へのボックス内の余白*/
  }
  /*main,sub,side,contents-in
---------------------------------------------------------------------------*/
  #main, #sub, #side, #contents-in {
    float: none;
    width: auto;
  }
  /*その他
---------------------------------------------------------------------------*/
  body.s-n #sub, body.s-n #side {
    display: none;
  }
  .sh {
    display: block;
  }
  .pc {
    display: none;
  }
}
/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px) {
  /*全体の設定
---------------------------------------------------------------------------*/
  body {
    font-size: 12px; /*文字サイズ*/
    line-height: 1.5; /*行間*/
  }
  /*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
  /*ヘッダーブロック*/
  header {
    height: 70px; /*高さ*/
  }
  /*ロゴ画像*/
  header #logo {
    width: 200px; /*ロゴ画像の幅*/
    margin-top: 22px; /*ロゴの上にあける余白。上下のバランスをここで調整して下さい。*/
  }
  /*メインメニュー
---------------------------------------------------------------------------*/
  /*スマホ用メニューブロック*/
  #menubar-s {
    top: 70px; /*上から70pxの場所に配置*/
  }
  /*３本バーアイコン設定
---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    top: 9px; /*上から9pxの場所に配置*/
  }
  /*mainコンテンツ
---------------------------------------------------------------------------*/
  #main h2, #main h3 {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /*段落タグ設定*/
  #main p {
    padding: 0px 10px 15px;
  }
  /*求人一覧ページの各ブロック
---------------------------------------------------------------------------*/
  /*各ボックスの設定*/
  .list {
    padding: 15px; /*ボックス内の余白*/
  }
  /*ボックス内のh4タグ設定*/
  .list h4 {
    font-size: 16px; /*文字サイズ*/
  }
  /*list2ボックス（トップページの「現在の求人」で使っている２列のブロック）
---------------------------------------------------------------------------*/
  /*各ボックスの設定*/
  .list2 a {
    padding: 5px 10px; /*上下、左右へのボックス内の余白*/
  }
  /*件数のテキスト。※list2内でspanタグで囲った場合。*/
  .list2 span {
    font-size: 18px; /*文字サイズ*/
  }
  /*submenu（sub,sideのメニュー）
---------------------------------------------------------------------------*/
  /*メニュー１個ごとの設定*/
  #sub .submenu li a, #side .submenu li a {
    padding: 10px; /*ボックス内の余白*/
  }
  /*アイコン（正社員、アルバイト、パート、未経験可、など）
---------------------------------------------------------------------------*/
  /*アイコン共通*/
  .icon {
    font-size: 9px; /*文字サイズ*/
  }
  /*一覧ページのボックス内の右上のマーク
（CMSの場合は管理ページだと「オプション1」～のプルダウン、setup.phpだと「オプション選択肢」に関連します）
---------------------------------------------------------------------------*/
  /*option1〜option3、と、newアイコン共通*/
  .option1, .option2, .option3, .new {
    font-size: 9px; /*文字サイズ*/
    padding: 0 10px; /*上下、左右へのアイコン内の余白*/
    line-height: 14px; /*高さ*/
    right: 15px; /*右から15pxの場所に配置*/
  }
  /*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
  /*ブロック全体の設定*/
  #new dl {
    padding-left: 10px;
    padding-right: 10px;
  }
  /*求人一覧ページの「詳細を見る・応募する」ボタン
---------------------------------------------------------------------------*/
  a.btn {
    font-size: 16px; /*文字サイズ*/
    letter-spacing: normal; /*文字間隔を標準に戻す*/
  }
  /*テーブル(ta1)
---------------------------------------------------------------------------*/
  /*余白の上書き*/
  .ta1 caption, .ta1 th, .ta1 td {
    padding: 5px;
  }
  /*テーブル内の左側*/
  .ta1 th {
    width: 100px;
  }
  /*labelタグを1列にする（CMS用）*/
  .ta1.cms td label {
    float: none;
    width: 100%;
  }
  /*その他
---------------------------------------------------------------------------*/
  .ws, .wl {
    width: 94%;
  }
  .big1 {
    font-size: 18px;
    letter-spacing: normal;
  }
  img.fr, img.fl {
    float: none;
    margin: 0;
    width: 100%;
  }
  .sh {
    display: block;
  }
  .pc {
    display: none;
  }
}
/*画面幅360px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:360px) {
  /*list2ボックス（トップページの「現在の求人」で使っている２列のブロック）
---------------------------------------------------------------------------*/
  /*各ボックスの設定*/
  .list2 li {
    float: none;
    width: auto; /*１列にする設定*/
    margin: 0 0 10px; /*上、左右、下に空けるボックスの外側の余白。*/
  }
  .list2 li a {
    height: auto;
  }
  /*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
  .list2 .img {
    height: auto; /*高さをリセット*/
    width: 100%; /*幅の指定に変更*/
  }
}
/*box2（３カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box2 {
	position: relative;
	width: 40%; /*ボックスの幅*/
	float: left; /*左に回り込み*/
	text-align: center; /*内容をセンタリング*/
	padding: 3%; /*ボックス内の余白*/
	padding-bottom: 25px; /*下の余白だけ上書き*/
	background: #fff; /*背景色*/
	border: 1px solid #939393; /*枠線の幅、線種、色*/
	margin: 0 0 20px 2%; /*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 1.5; /*行間*/
	color: #666; /*文字色*/
}
/*box2内の日付*/
.box2 span.date {
	position: absolute;
	left: -10px; /*左から-10pxの場所に配置*/
	top: -10px; /*上から-10pxの場所に配置*/
	background: #A00808; /*背景色*/
	color: #fff; /*文字色*/
	font-size: 12px; /*文字サイズ*/
	width: 100px; /*幅*/
	line-height: 20px; /*高さ*/
	border-radius: 50%; /*円形にする*/
	text-align: center; /*文字をセンタリング*/
	transform: rotate(-20deg);
	font-weight: bold;
}
.box2 span.date2 {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background-color: #EE6E00; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
.box2 span.date3 {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background-color: #0073EE; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
.box2 span.date2 {
	position: absolute;
	left: -10px; /*左から-10pxの場所に配置*/
	top: -10px; /*上から-10pxの場所に配置*/
	background-color: #A00808; /*背景色*/
	color: #fff; /*文字色*/
	font-size: 12px; /*文字サイズ*/
	width: 100px; /*幅*/
	line-height: 20px; /*高さ*/
	border-radius: 50%; /*円形にする*/
	text-align: center; /*文字をセンタリング*/
	transform: rotate(-20deg);
	font-weight: bold;
}
/*box2-2（３カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box2-2 {
	position: relative;
	width: 40%; /*ボックスの幅*/
	float: center; /*左に回り込み*/
	text-align: center; /*内容をセンタリング*/
	padding: 3%; /*ボックス内の余白*/
	padding-bottom: 25px; /*下の余白だけ上書き*/
	background-color: #FFFFFF; /*背景色*/
	border: 1px solid #939393; /*枠線の幅、線種、色*/
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px; /*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 1.5; /*行間*/
	color: #666; /*文字色*/
}
/*box2内の日付*/
.box2-2 span.date {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background: #ee0000; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
.box2-2 span.date2 {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background-color: #EE6E00; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
.box2-2 span.date3 {
	position: absolute;
	left: -10px; /*左から-10pxの場所に配置*/
	top: -10px; /*上から-10pxの場所に配置*/
	background-color: #A00808; /*背景色*/
	color: #fff; /*文字色*/
	font-size: 12px; /*文字サイズ*/
	width: 100px; /*幅*/
	line-height: 20px; /*高さ*/
	border-radius: 50%; /*円形にする*/
	text-align: center; /*文字をセンタリング*/
	transform: rotate(-20deg);
	font-weight: bold;
}
.box2-2 span.date2 {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background-color: #EE6E00; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
.boxnew span.date2 {
	position: absolute;
	left: -10px; /*左から-10pxの場所に配置*/
	top: -10px; /*上から-10pxの場所に配置*/
	background-color: #A00808; /*背景色*/
	color: #fff; /*文字色*/
	font-size: 12px; /*文字サイズ*/
	width: 100px; /*幅*/
	line-height: 20px; /*高さ*/
	border-radius: 50%; /*円形にする*/
	text-align: center; /*文字をセンタリング*/
	transform: rotate(-20deg);
	font-weight: bold;
}
.boxnew span.date3 {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background-color: #0073EE; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
.box3 span.date2 {
	position: absolute;
	left: -10px; /*左から-10pxの場所に配置*/
	top: -10px; /*上から-10pxの場所に配置*/
	background-color: #A00808; /*背景色*/
	color: #fff; /*文字色*/
	font-size: 12px; /*文字サイズ*/
	width: 100px; /*幅*/
	line-height: 20px; /*高さ*/
	border-radius: 50%; /*円形にする*/
	text-align: center; /*文字をセンタリング*/
	transform: rotate(-20deg);
	font-weight: bold;
}
.box3 span.date3 {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background-color: #0073EE; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
.box4 span.date2 {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background-color: #EE6E00; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
.box4 span.date3 {
	position: absolute;
	left: -10px; /*左から-10pxの場所に配置*/
	top: -10px; /*上から-10pxの場所に配置*/
	background-color: #A00808; /*背景色*/
	color: #fff; /*文字色*/
	font-size: 12px; /*文字サイズ*/
	width: 100px; /*幅*/
	line-height: 20px; /*高さ*/
	border-radius: 50%; /*円形にする*/
	text-align: center; /*文字をセンタリング*/
	transform: rotate(-20deg);
	font-weight: bold;
}
.box2 span.date3 {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background-color: #0073EE; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg);
  font-weight: bold;
}
/*box2内のp(段落)タグ*/
.box2 p {
  padding: 0 !important;
  height: 4.5em; /*高さ。*/
  overflow: hidden; /*オーバーした分は非表示に。*/
  font-size: 14px; /*文字サイズ*/
  text-align: left; /*文字を左よせ*/
}
/*段落タグにリンクが設定された場合の文字色*/
.box2 p a {
  color: #666;
}
/*box2内のh4(見出し)タグ*/
.box2 h4 {
	color: #000000; /*文字色*/
	height: 2.5em; /*高さ*/
	overflow: hidden;
	font-style: inherit;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border: 1px solid #939393;
	font-weight: bolder;
	font-size: 20px;
}
/*box2内のfigure(画像)タグ*/
.box2 figure {
  margin-bottom: 5px; /*下に空けるスペース*/
}
/*box2内のbtn1。本体の設定はこの下のブロックにあります。*/
.box2 p.btn1 {
  height: auto;
  position: absolute;
  bottom: -37px; /*box2の下から30pxの場所に配置*/
  width: 80%; /*ボタンの幅*/
  left: 37px;
}
.box2 p.btn1 a {
  display: block;
  padding: 5px 0; /*上下、左右へのボタン内の余白*/
}
/*box1、box2、box3、box2-2のfigure写真共通設定
---------------------------------------------------------------------------*/
.box1 figure a:hover, .box2 figure a:hover, .box2-2 figure a:hover, .box3 figure a:hover, .boxnew figure a:hover, .box4 figure a:hover {
  opacity: 0.8; /*マウスオン時に80%透明度にする*/
}
/*アイテムページのボックス１個あたりの設定*/
.box3 {
	position: relative;
	max-width: 100%;
	width: 40%; /*ボックスの幅*/
	float: left; /*左に回り込み*/
	display: block;
	text-align: center; /*内容をセンタリング*/
	padding: 3%; /*ボックス内の余白*/
	padding-bottom: 3%; /*下の余白だけ上書き*/
	background: #fff; /*背景色*/
	border: 1px solid #939393; /*枠線の幅、線種、色*/
	margin: 0 0 20px 2%; /*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 1.5; /*行間*/
	color: #666; /*文字色*/
}
.boxnew {
	position: relative;
	max-width: 100%;
	width: 40%; /*ボックスの幅*/
	float: left; /*左に回り込み*/
	display: block;
	text-align: center; /*内容をセンタリング*/
	padding: 3%; /*ボックス内の余白*/
	padding-bottom: 3%; /*下の余白だけ上書き*/
	background-color: #fff; /*背景色*/
	border: 1px solid #939393; /*枠線の幅、線種、色*/
	margin: 0 0 20px 2%; /*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 1.5; /*行間*/
	color: #666; /*文字色*/
	background-image: url(../images/2021_bace.jpg);
}
/*box3内の日付*/
.box3 span.date {
	position: absolute;
	left: -10px; /*左から-10pxの場所に配置*/
	top: -10px; /*上から-10pxの場所に配置*/
	background-color: #A00808; /*背景色*/
	color: #fff; /*文字色*/
	font-size: 12px; /*文字サイズ*/
	width: 100px; /*幅*/
	line-height: 20px; /*高さ*/
	border-radius: 50%; /*円形にする*/
	text-align: center; /*文字をセンタリング*/
	transform: rotate(-20deg); /*回転の角度*/
	font-weight: bold;
}
.boxnew span.date {
	position: absolute;
	left: -10px; /*左から-10pxの場所に配置*/
	top: -10px; /*上から-10pxの場所に配置*/
	background-color: #A00808; /*背景色*/
	color: #fff; /*文字色*/
	font-size: 12px; /*文字サイズ*/
	width: 100px; /*幅*/
	line-height: 20px; /*高さ*/
	border-radius: 50%; /*円形にする*/
	text-align: center; /*文字をセンタリング*/
	transform: rotate(-20deg); /*回転の角度*/
	font-weight: bold;
}
/*box3内のp(段落)タグ*/
.box3 p {
  padding: 0 !important;
  height: 4.5em; /*高さ。*/
  overflow: hidden; /*オーバーした分は非表示に。*/
  font-size: 14px; /*文字サイズ*/
  text-align: left; /*文字を左よせ*/
}
.boxnew p {
  padding: 0 !important;
  height: 4.5em; /*高さ。*/
  overflow: hidden; /*オーバーした分は非表示に。*/
  font-size: 14px; /*文字サイズ*/
  text-align: left; /*文字を左よせ*/
}
/*段落タグにリンクが設定された場合の文字色*/
.box3 p a {
  color: #666;
}
.boxnew p a {
  color: #666;
}
/*box3内のh4(見出し)タグ*/
.box3 h4 {
	color: #000000; /*文字色*/
	height: 2.5em; /*高さ*/
	overflow: hidden; /*オーバーした分は非表示に。*/
	font-weight: bolder;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border: 1px solid #939393;
	font-size: 23px;
}
.s_moji {
	font-size: 16px;
}

.boxnew h4 {
	color: #000000; /*文字色*/
	height: 3em; /*高さ*/
	overflow: hidden; /*オーバーした分は非表示に。*/
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border: 1px solid #939393;
}
/*box3内のfigure(画像)タグ*/
.box3 figure {
  margin-bottom: 5px; /*下に空けるスペース*/
}
.boxnew figure {
  margin-bottom: 5px; /*下に空けるスペース*/
}
/*box3内のbtn1。本体の設定はこの下のブロックにあります。*/
.box3 p.btn1 {
  height: auto;
  position: absolute;
  bottom: 37px; /*box2の下から30pxの場所に配置*/
  width: 80%; /*ボタンの幅*/
  left: 134px;
}
.boxnew p.btn1 {
  height: auto;
  position: absolute;
  bottom: 37px; /*box2の下から30pxの場所に配置*/
  width: 80%; /*ボタンの幅*/
  left: 134px;
}
.box3 p.btn1 a {
  display: block;
  padding: 5px 0; /*上下、左右へのボタン内の余白*/
}
.boxnew p.btn1 a {
  display: block;
  padding: 5px 0; /*上下、左右へのボタン内の余白*/
}
/*アイテムページのボックス１個あたりの設定*/
.box4 {
	position: relative; /*ボックスの幅*/
	float: center;
	text-align: center; /*内容をセンタリング*/
	padding: 3%; /*ボックス内の余白*/
	padding-bottom: 3%; /*下の余白だけ上書き*/
	background: #fff; /*背景色*/
	border: 1px solid #939393;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px; /*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 1.5; /*行間*/
	color: #666; /*文字色*/
	width: 40%;
}
/*box3内の日付*/
.box4 span.date {
  position: absolute;
  left: -10px; /*左から-10pxの場所に配置*/
  top: -10px; /*上から-10pxの場所に配置*/
  background: #ee0000; /*背景色*/
  color: #fff; /*文字色*/
  font-size: 12px; /*文字サイズ*/
  width: 100px; /*幅*/
  line-height: 20px; /*高さ*/
  border-radius: 50%; /*円形にする*/
  text-align: center; /*文字をセンタリング*/
  transform: rotate(-20deg); /*回転の角度*/
  font-weight: bold;
}
/*box3内のp(段落)タグ*/
.box4 p {
  padding: 0 !important;
  height: 4.5em; /*高さ。*/
  overflow: hidden; /*オーバーした分は非表示に。*/
  font-size: 14px; /*文字サイズ*/
  text-align: left; /*文字を左よせ*/
}
/*段落タグにリンクが設定された場合の文字色*/
.box4 p a {
  color: #666;
}
/*box3内のh4(見出し)タグ*/
.box4 h4 {
	color: #000000; /*文字色*/
	height: 3em; /*高さ*/
	overflow: hidden; /*オーバーした分は非表示に。*/
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	border: 1px solid #939393;
}
/*box3内のfigure(画像)タグ*/
.box4 figure {
  margin-bottom: 5px; /*下に空けるスペース*/
}
/*box3内のbtn1。本体の設定はこの下のブロックにあります。*/
.box4 p.btn1 {
  height: auto;
  position: absolute;
  bottom: 37px; /*box2の下から30pxの場所に配置*/
  width: 80%; /*ボタンの幅*/
  left: 134px;
}
.box4 p.btn1 a {
  display: block;
  padding: 5px 0; /*上下、左右へのボタン内の余白*/
}
/*box1、box2、box3、box4のfigure写真共通設定
---------------------------------------------------------------------------*/
.box1 figure a:hover, .box2 figure a:hover, .box3 figure a:hover, .box4 figure a:hover {
  opacity: 0.8; /*マウスオン時に80%透明度にする*/
}
/*btn1
---------------------------------------------------------------------------*/
p.btn1 a {
  text-decoration: none;
  display: inline-block;
  border: 1px solid transparent; /*枠線の幅、線種、色。transparentは透明の事。*/
  background: #529306; /*背景色*/
  color: #fff !important; /*文字色*/
  border-radius: 3px; /*角丸のサイズ*/
  padding: 5px 30px; /*上下、左右へのボタン内の余白*/
  text-align: center; /*文字をセンタリング*/
}
/*マウスオン時*/
p.btn1 a:hover {
  border: 1px solid #529306; /*枠線の幅、線種、色。*/
  background: #fff; /*背景色*/
  color: #529306 !important; /*文字色*/
}
.h4_t {
	color: #000000;
	text-shadow: 0 0 5px white;
	border: 1px solid #939393;
	background-color: #FFFFFF;
	background-position: 3px;
}
/*各ボックスの設定*/
#main .listshort {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; /*ボックスの下に空ける余白*/
}
#main .listshort a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  border: 1px solid #dcdcdc; /*枠線の幅、線種、色*/
  padding: 3%; /*ボックス内の余白*/
  background: #fff; /*背景色*/
}
#main .listshort a:hover {
  border: 1px solid #999; /*マウスオン時の枠線の幅、線種、色*/
}
/*各ボックスの設定（※compactタイプへの追加設定）*/
#main .listshort.compact {
  width: 18.4%; /*幅*/
  float: left; /*左に回り込み*/
  margin-left: 1.3%; /*左側に空けるスペース*/
  font-size: 11px;
  line-height: 1.2;
  border: 1px solid #1E1B14;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  /*行間を狭くする*/
}
#main .listshort.compact a:hover {
  overflow: auto;
}
#main .listshort.compact a {
  height: 260px; /*高さ*/
  border: none;
  padding: 0;
}
/*ボックス内のh4タグ設定*/
#main .listshort h4 {
  margin-bottom: 0.5em;
  color: #e00000; /*文字色*/
  margin-left: 22%; /*左側の写真幅とのバランスをとって設定*/
}
/*ボックス内のh4タグの１文字目への設定*/
#main .listshort h4::first-letter {
  border-left: 3px solid #e00000; /*左側の線の幅、線種、色*/
  padding-left: 10px; /*線と文字との余白*/
}
/*ボックス内のh4タグ設定（※compactタイプへの追加設定）*/
#main .listshort.compact h4 {
  border: none;
  margin-left: 0;
}
/*ボックス内のh4タグの１文字目への設定（※compactタイプへの追加設定）*/
#main .list.compact h4::first-letter {
  border: none;
  padding: 0;
}
/*ボックス内のp(段落)タグ設定*/
#main .listshort p {
  padding: 0px;
  margin-left: 22%; /*左側の写真幅とのバランスをとって設定*/
}
/*ボックス内の段落タグ設定（※compactタイプへの追加設定）*/
#main .listshort.compact p {
  margin-left: 0;
}
/*ボックス内の写真設定*/
#main .list figure img {
  float: left; /*画像を左へ回り込み*/
  width: 20%; /*写真の幅*/
  margin-right: 2%; /*写真の右側に空ける余白*/
}
/*マウスオン時のボックス内の写真設定*/
#main .list a:hover figure img {
  opacity: 0.8; /*透明度80%にする設定*/
}
/*ボックス内の写真設定（※compactタイプへの追加設定）*/
#main .list.compact figure img {
  float: none;
  margin: 0;
  margin-bottom: 10px;
  border: none;
  width: auto;
  padding: 0;
}
/*マウスオン時のボックス内の写真設定（※compactタイプへの追加設定）と、ボックスにoption2スタイルが指定された場合の画像の設定。*/
.listshort.option2 a:hover figure img, .listshort.option2 figure img {
  opacity: 0.3 !important;
}
/*登録日情報（.date単体で使う場合のスタイルも下にあります。）*/
#main .listshort .date {
  display: block;
  font-size: 11px; /*文字サイズ*/
  color: #999; /*文字色*/
  text-align: right; /*テキストを右側に*/
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
/*一覧ページの各物件ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .listshort table {
  font-size: 12px; /*文字サイズ*/
  width: 78%; /*テーブル幅*/
  margin-bottom: 5px;
}
#main .listshort table, #main .listshort table td, #main .listshort table th {
  border: 1px solid #dcdcdc; /*枠線の幅、線種、色*/
}
#main .listshort table td, #main .listshort table th {
  padding: 1%; /*テーブル内の余白*/
}
/*色のついた見出しブロック*/
#main .listshort table th {
  width: 20%; /*幅*/
  text-align: center; /*文字をセンタリング*/
  font-weight: normal; /*デフォルトの太字を標準にする設定*/
  background: #edf0f5; /*背景色*/
}
/*白い説明用ブロック*/
#main .listshort table td {
  width: 30%; /*幅*/
}
.simple_square_btn3 {
  display: block;
  position: relative;
  width: 150px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #1B1B1B;
  background: #fff;
  border-radius: 30px;
  margin: auto;
  border: 1px solid #1B1B1B;
}
.simple_square_btn3:hover {
  cursor: pointer;
  text-decoration: none;
  -webkit-animation: simple_square_btn3 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  -moz-animation: simple_square_btn3 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: simple_square_btn3 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes simple_square_btn3 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes simple_square_btn3 {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes simple_square_btn3 {
  0% {
    -webkit-transform: scale(0. 85);
    transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_breadcrumb {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	padding: 1em 2em;
	background-color: #F5F4F4;
	color: #212121;
	border-radius: 0.5em;
}
.cp_breadcrumb a {
  text-decoration: none;
  color: #98393A;
}
.cp_breadcrumb .breadcrumbs {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.cp_breadcrumb li {
  display: inline-block;
  position: relative;
  padding-right: calc(16px + 8px);
  margin-right: 8px;
  color: #12141D;
}
.cp_breadcrumb li::before {
  content: '›';
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  font-size: 1em;
  color: inherit;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cp_breadcrumb li:last-child {
  margin-right: 0;
  padding-right: 0;
  color: #111010;
}
.cp_breadcrumb li:last-child::before {
  content: normal;
}
/*各ボックスの設定*/
.listitem {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px; /*ボックスの下に空ける余白*/
  background-color: #fff;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  border: 1px solid #EEEAE2;
}
#main .listitem .tec_text {
	font-size: 0.7em;
}

/*各ボックスの設定（※compactタイプへの追加設定）*/
.listitem.compact {
  box-shadow: none;
  width: 18.4%; /*幅*/
  float: left; /*左に回り込み*/
  margin-left: 1.3%; /*左側に空けるスペース*/
  font-size: 11px; /*文字サイズ*/
  line-height: 1.2; /*行間を狭くする*/
}
.listitem.compact a {
  height: 200px; /*高さ*/
  border: none;
  padding: 0;
}
/*ボックス内のh4タグ設定*/
.listitem h4 {
	color: #FFFFFF; /*文字色*/
	border-right-color: #00092D;
	border-bottom-color: #00092D;
	border-top-color: #00092D;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: solid; /*線色*/
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 1em; /*角丸*/
	font-weight: bolder;
	background-color: #000000;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 1.6em;
	text-align: center;
}
/*ボックス内のh4タグ設定（※compactタイプへの追加設定）*/
.listitem.compact h4 {
  border: none;
  margin-left: 0;
}
/*ボックス内のh4タグの１文字目への設定（※compactタイプへの追加設定）*/
.listitemt.compact h4::first-letter {
  border: none;
  padding: 0;
}
/*ボックス内の段落タグ設定*/
.listitem p {
  padding: 0px; /*左側の写真幅とのバランスをとって設定*/
}
/*ボックス内の段落タグ設定（※compactタイプへの追加設定）*/
.listitem.compact p {
  margin-left: 0;
}
/*ボックス内の写真設定*/
.listitem figure img {
  float: left; /*画像を左へ回り込み*/
  width: 80%; /*写真の幅*/
  margin-right: auto; /*写真の右側に空ける余白*/
  max-width: 100%;
  padding-bottom: 15px;
  margin-left: auto;
}
/*マウスオン時のボックス内の写真設定*/
.listitem a:hover figure img {
  opacity: 0.8; /*透明度80%にする設定*/
}
/*ボックス内の写真設定（※compactタイプへの追加設定）*/
.listitem.compact figure img {
  float: none;
  margin: 0;
  margin-bottom: 10px;
  border: none;
  width: auto;
  padding: 0;
}
/*マウスオン時のボックス内の写真設定*/
.listitem2 a:hover figure img {
  opacity: 0.8; /*透明度80%にする設定*/
}
/*ボックス内の写真設定（※compactタイプへの追加設定）*/
.listitem2.compact figure img {
  float: none;
  margin: 0;
  margin-bottom: 10px;
  border: none;
  width: auto;
  padding: 0;
}
/*マウスオン時のボックス内の写真設定（※compactタイプへの追加設定）と、ボックスにoption2スタイルが指定された場合の画像の設定。*/
.listitem2.option5 a:hover figure img, .listitem2.option5 figure img {
  max-width: 100%;
}
.img_wrapp_item {
  margin-top: 0px;
  margin-bottom: 15px;
  margin-right: 10px;
  max-width: 100%;
}
/*登録日情報*/
.listitem2 .date {
  display: block;
  font-size: 11px; /*文字サイズ*/
  color: #999; /*文字色*/
  text-align: right; /*テキストを右側に*/
}
/*マウスオン時のボックス内の写真設定（※compactタイプへの追加設定）と、ボックスにoption2スタイルが指定された場合の画像の設定。*/
.listitem.option5 a:hover figure img, .listitem.option5 figure img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.img_wrapp_item {
  margin-top: 0px;
  margin-bottom: 15px;
  margin-right: 10px;
  max-width: 100%;
}
/*登録日情報*/
.listitem .date {
  display: block;
  font-size: 11px; /*文字サイズ*/
  color: #999; /*文字色*/
  text-align: right; /*テキストを右側に*/
}
.item_tl {
	position: relative;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 38px;
	padding-bottom: 15px;
	font-size: 20px;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	border-top: 4px solid #000001;
	background: linear-gradient(#ffffff 0%, #EFEFEF 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin-bottom: 15px;
	font-weight: bold;
}
section #calender .smallmoji {
	font-size: 0.8em;
}

.item_tl::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
}
.btn-square-pop2 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #ee0000; /*背景色*/
  border-bottom: solid 2px #d27d00; /*少し濃い目の色に*/
  border-radius: 4px; /*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  width: 150px;
  text-align: center;
  max-width: 100%;
}
.btn-square-pop2:active {
  color: #FFF;
  border-bottom: solid 2px #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
a.cp_btn2 {
  display: block;
  text-decoration: none;
  width: 250px;
  padding: 0.8em;
  text-align: center;
  color: #FFF;
  border-radius: 4px;
  background-color: #C30D0D;
  overflow: hidden;
  border: 1px solid #675120;
}
a.cp_btn2 span {
  display: inline-block;
  transition: .5s
}
a.cp_btn2:hover span {
  transform: rotateX(360deg);
}
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #ee0000; /*背景色*/
  border-bottom: solid 2px #d27d00; /*少し濃い目の色に*/
  border-radius: 4px; /*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  width: 150px;
  text-align: center;
  max-width: 100%;
}
.btn-square-pop:active {
  color: #FFF;
  border-bottom: solid 2px #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
a.cp_btn {
  display: block;
  text-decoration: none;
  width: 160px;
  padding: 0.8em;
  text-align: center;
  color: #FFF;
  border-radius: 4px;
  background-color: #C30D0D;
  overflow: hidden;
  border: 1px solid #675120;
}
a.cp_btn span {
  display: inline-block;
  transition: .5s
}
a.cp_btn:hover span {
  transform: rotateX(360deg);
}
.titledesign10 {
  color: #111;
  background-color: rgba(230, 230, 230, 0.5);
  border-bottom: solid #dcdcdc 4px;
  border-right: solid #dcdcdc 1px;
  border-left: solid #dcdcdc 1px;
  padding: 0.3em;
}
.tyuui {
	padding: 0.5em; /*文字周りの余白*/
	color: #010101; /*文字色*/
	background-color: #DBDBDB; /*背景色*/
	border-bottom: 3px solid #7A7A7A; /*下線*/
	width: 150px;
	float: right;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
}
.article {
  clear: both;
  overflow: hidden;
  padding-bottom: 50px;
}
.article img {
  float: left;
  margin: 5px 20px 20px;
  max-width: 100%;
}
.article p {
  margin-bottom: 20px;
}
.choice {
  position: relative;
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-radius: 6px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
  margin-bottom: 25px;
  margin-top: 25px;
  font-variant: normal;
  font-weight: bold;
}
.choice::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f0f0f0;
}
.box30 {
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	background-color: #F8F8F8;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	float: left;
	width: 100%;
	max-width: 100%;
}
.p_left {
	float: left;
	width: 35%;
	margin-right: 20px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.p_right {
	float: left;
}
section .box30 .p_right {
	float: right;
	width: 59%;
	max-width: 100%;
	padding-right: 10px;
	margin-top: 15px;
}



.box30 .box-title {
	font-size: 1.2em;
	background-color: #0F222B;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
	width: 100%;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}
.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
}
.cp_table thead th {
	padding: 10px 15px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
}
.cp_table thead th:last-child {
	border-right: 1px solid #dddddd;
}
.cp_table tbody th {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px solid #ffffff;
	background: #dddddd;
	white-space: nowrap;
}
.cp_table tbody tr:last-child th {
	border-bottom: 1px solid #dddddd;
}
.cp_table tbody td {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background: #ffffff;
}
@media only screen and (max-width:480px) {
	.cp_table thead {
		display: none;
	}
	.cp_table tbody th {
		display: block;
	}
	.cp_table tbody td {
		display: block;
		padding: 10px 5px;
	}
	.cp_table tbody td::before {
		font-weight: bold;
		float: left;/*上のth要素が長い場合こちらを解除すると1段落下り見やすくなります*/
		padding: 0.5em 0;
		content: attr(label);
	}
	.cp_table tbody td p {
		padding: 0.5em 0 0 1em;
    margin: 0;
	}
}