@charset "utf-8";

/**
 *
 *  component.css
 *
 *  単語間はハイフン-で接続
 *  共通パーツの意味分けは下記接頭辞を付与。その際、アンダーバー_で接続
 *
 *  ・utility    接頭辞 u_
 *   便利クラス。 テキストの強調、テキストの配置、余白調整など
 *  ・component  接頭辞 c_
 *   プロフィール、カテゴリindexリストなどprojectの固有パターン（再利用というより、そのためだけ！のようなもの）
 *  ・project    接頭辞 p_
 *   コメントエリア、プロフィールなど大枠パーツになるもの また、共通コンテンツ
 *
 *  component projectに関しては拡張する場合、先頭アンダーバー ._* の複数クラスで行う
 *  (例) .c_ttl-style01._type02(スタイルの拡張)
 *       .c_tbl-style._col3（テーブルの3カラムレイアウト）
 *
 *  状態を表すクラスに関しては.is-activeなど.is-*で統一。（拡張クラスの場合._is-*とする）
 *  (例) .c_btn-style01._is-active
 *
[ *  なお、上記の接頭辞を使うcssは/shared/css/各名前.css に全て記述すること
 *
 */

/*--------------------------------------------------------------------------
   レイアウト枠
---------------------------------------------------------------------------*/

.c_l-content{
  width: 1088px;
  margin: 0 auto;
}

/* @SP */
@media all and (max-width: 767px) {
  .c_l-content{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;		
		width: 100%;
  }
	.c_l-content._sp-gap{
		padding: 0 13px;
	}	
	/* SP専用クラス */
	.c_l-content-sp{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;		
    width: 100%;
		padding: 0 13px;
	}
}



/*--------------------------------------------------------------------------
   テーブルスタイル
---------------------------------------------------------------------------*/

.c_tbl-base{
	width: 100%;
}
.c_tbl-base th,
.c_tbl-base td{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-weight: normal;
	vertical-align: middle;
}
.c_tbl-base th{
	color: #FFF;
	border-left: solid 1px #FFF;
	background: #000;
	text-align: center;
}
.c_tbl-base th:first-child{
	border-left-color: #000;
}
.c_tbl-base th:last-child{
	border-right: solid 1px #000;
}
.c_tbl-base td{
	border: solid 1px #000;
	text-align: left;
}


/*--------------------------------------------------------------------------
   アンカーナビスタイル
---------------------------------------------------------------------------*/

.c_nav-anchor{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-top: 30px;
	padding: 25px 30px;
	background: #fff;
}
.c_nav-anchor ul{
	margin: -17px 0 0 -41px;
	overflow: hidden;
}
.c_nav-anchor ul li{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	float: left;
	margin-top: 17px;
	padding-left: 41px;
}
.c_nav-anchor ul li a{
	display: inline-block;
	position: relative;
	padding-right: 20px;
	text-decoration: none;
}
.c_nav-anchor ul li a:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 10px;
	height: 6px;
	margin-top: -4px;
	background: url(/shared/images/ico_arw04.png) no-repeat;
	background-size: 10px 7px;
}
.c_nav-anchor ul li a:hover{
	color: #a9151a;
}

/* _sp01 スペース */
.c_nav-anchor._sp01{
	padding: 14px 25px;
}
.c_nav-anchor._no-gap{
	margin-top: 0;
}
/* _col03 3カラム */
.c_nav-anchor._col03{
	padding: 0 0 23px;
}
.c_nav-anchor._col03 ul{
	margin: 0;
}
.c_nav-anchor._col03 li{
	width: 33.33%;
	padding: 24px 10px 0 65px;
	margin: 0;
}

/* @SP */
@media all and (max-width: 767px) {
	/* c_nav-anchor　SP表示もアンカーの場合
	-----------------------------------------------------------------*/
	.c_nav-anchor._col03{
		padding: 0 0 10px;
	}
	.c_nav-anchor._col03 li{
    	padding: 10px 10px 0 0;
	}
	
	/* c_nav-anchor._sp-tab SP表示がタブの場合
	-----------------------------------------------------------------*/
	.c_nav-anchor._sp-tab,
	.c_nav-anchor._sp-tab._sp01{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		position: static;
		width: 100%;
		padding: 15px 8px 0;
		margin-bottom: -2px;
		border-bottom: solid 2px #A9151A;
		background: #fff;
		text-align: center;
	}
	.c_nav-anchor._sp-tab ul{
		margin: 0 0 -2px;
	}
	.c_nav-anchor._sp-tab ul li{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;		
		width: 50%;
		margin: 0;
		padding: 0 4px;
	}
	.c_nav-anchor._sp-tab ul li a{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		-webkit-border-radius: 2px 2px 0 0;
		border-radius: 2px 2px 0 0;
		width: 100%;
		min-height: 42px;
		padding: 7px 5px;
		border: solid 2px #A9151A;
		border-bottom: solid 2px #A9151A;
		background: #FFF;
	}
	.c_nav-anchor._sp-tab ul li a:after{
		display: inline-block;
		position: static;
		margin-left: 3px;
	}
	.c_nav-anchor._sp-tab ul li a.active{
		border-bottom: none;
		padding-bottom: 4px;
	}
	.c_nav-anchor._sp-tab ul li a span{
		display: inline-block;
		padding-left: 20px;
	}
	
	/* _col03 3カラム */
	.c_nav-anchor._col03{
		padding: 0;
		background: none;
		font-size: 11px;
	}
	.c_nav-anchor._col03 li{
		width: 50%;
		margin: 0;
		padding:0;
	}
	.c_nav-anchor._col03 li a{
		display: block;
		margin: 1px 1px 0 0;
		padding: 10px 5px;
		background: #F8F0F0;
		text-align: center;
	}
	.c_nav-anchor._col03 ul li a:after{
		position: static;
		display: inline-block;
		padding-left: 8px;
		background-position: 100% 50%;
	}
}

/*--------------------------------------------------------------------------
   画像 + テキスト
---------------------------------------------------------------------------*/

.c_img-box{
  overflow: hidden;
}
.c_img-box .img-col._left{
  float: left;
  margin-right: 0;
}
.c_img-box .img-col._right{
  float: right;
  margin-left: 0;
}
.c_img-box .txt-col{
  overflow: hidden;
}
.c_img-box01{
  display: table;
  width: 100%;
}
.c_img-box01 .col{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}

/* @SP */
@media all and (max-width: 767px) {
	.c_img-box01.sp-block .col{
		display: block;
	}
}


/*--------------------------------------------------------------------------
   c_btn-style　ボタンスタイル
---------------------------------------------------------------------------*/

/* c_btn-style01 背景赤ベタ+カドマル+アイコン
-----------------------------------------------------------------*/
.c_btn-style01{
	text-align: center;
}
.c_btn-style01 a{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	margin: 0 auto;
	padding: 13px 10px;
	border: solid 1px #A9151A;
	background: #A9151A;
	color: #FFF;
	text-decoration: none;
}
.c_btn-style01 a span{
	display: inline-block;
	padding-left: 19px;
	background: url(/shared/images/ico_arw02.png) no-repeat 0 .5em;
	background-size: 8px auto;
}
.c_btn-style01 a:hover{
	background: none;
	color: #A9151A;
}
.c_btn-style01 a:hover span{
	background-image: url(/shared/images/ico_arw01.png);
}
/* カラータイプ01 枠赤 背景なし */
.c_btn-style01._col01 a{
	background: none;
	color: #B81B22;
}
.c_btn-style01._col01 a > span{
	background: url(/shared/images/ico_arw01.png) no-repeat 0 50%;
	background-size: 8px auto;
}
.c_btn-style01._col01 a:hover{
	border-color: #000;
}
/* カラータイプ02 枠黒 背景色なし デフォルトアイコン < */
.c_btn-style01._col02 a{
	color: #000;
	border: solid 1px #000;
	background: #FFF;
}
.c_btn-style01._col02 a > span{
	background: url(/shared/images/ico_arw05.png) no-repeat 0 50%;
}
.c_btn-style01._col02 a:hover{
	border-color: #A9151A;
}
/* カラータイプ03 背景黒ベタ デフォルトアイコン > */
.c_btn-style01._col03 a{
	background: #000;
	color: #FFF;
	border: solid 1px #000;
}
.c_btn-style01._col03 a > span{
	/* いるかも background-size:　auto */
}
.c_btn-style01._col03 a:hover{
	background: #FFF;
	color: #000;
}
.c_btn-style01._col03 a:hover span{
	background-image: url(/shared/images/ico_arw06.png);
}

/* カラータイプ04 白ベタ */
.c_btn-style01._col04 a{
	background: #FFF;
	color: #A9151A;
	border: solid 1px #FFF;
}
.c_btn-style01._col04 a span{
	background: url(/shared/images/ico_arw01.png) no-repeat 0 45%;
	background-size: 8px auto;
}
.c_btn-style01._col04 a:hover{
	background: #A9151A;
	color: #FFF;
}
.c_btn-style01._col04 a:hover span{
	background: url(../images/ico_arw02.png) no-repeat 0 45%;
	background-size: 8px auto;
}

/* アイコン < */
.c_btn-style01._ico01 a > span{
	padding-left: 19px;
	background: url(/shared/images/ico_arw03.png) no-repeat 0 45%;
}
.c_btn-style01._ico01 a:hover{
	background: #FFF;
	color: #B81B22;
}
.c_btn-style01._ico01 a:hover > span{
	background-image: url(/shared/images/ico_arw09.png);
	background-size: 8px auto;
}

/*　アイコン 白pdf  */
.c_btn-style01._ico-pdf a > span{
	padding-left: 25px;
	background: url(/shared/images/ico_pdf.png) no-repeat 0 .3em;
	background-size: 14px 16px;
	font-size: 13px;
}
.c_btn-style01._ico-pdf a:hover{
	background: #FFF;
}
.c_btn-style01._ico-pdf a:hover > span{
	background-image: url(/shared/images/ico_pdf_on.png);
}
/* アイコン 虫眼鏡 */
.c_btn-style01._ico02 a > span{
	padding-left: 25px;
	background: url(/shared/images/ico_search.png) no-repeat 0 50%;
	background-size: 14px 14px;
}
.c_btn-style01._ico02 a:hover{
	background: #FFF;
}
.c_btn-style01._ico02 a:hover > span{
	background-image: url(/shared/images/ico_search_on.png);
}


/* サイズ別 横幅 */
.c_btn-style01._w01 a{
	width: 100%;
}
.c_btn-style01._w02 a{
	min-width: 240px;
}
.c_btn-style01._w03 a{
	min-width: 126px;
}
.c_btn-style01._w04 a{
	min-width: 320px;
}
.c_btn-style01._w05 a{
	min-width: 268px;
}
.c_btn-style01._w06 a{
	min-width: 200px;
}
.c_btn-style01._w07 a{
	min-width: 300px;
}
.c_btn-style01._w08 a{
	min-width: 509px;
}
/* サイズ別 高さ */
.c_btn-style01._h01 a{
	padding: 8px 10px 7px;
}
.c_btn-style01._h02 a{
	padding: 5px 7px 4px;
}

/* @SP */
@media all and (max-width: 767px) {
	.c_btn-style01{
		font-size: 11px;
	}
	.c_btn-style01 a{
		padding: 10px 10px;
	}
	.c_btn-style01 a span{
		padding-left: 12px;
		background: url(/shared/images/ico_arw02.png) no-repeat 0 50%;
		background-size: 8px 11px;
	}
	/*　アイコン 白pdf  */
	.c_btn-style01._ico-pdf a > span{
		padding-left: 17px;
		background-position: 0 44%;
		background-size: 10px 11px;
	}
	.c_btn-style01._ico-pdf a:hover{
		background: #FFF;
	}
	/* アイコン 虫眼鏡 */
	.c_btn-style01._ico02 a > span{
		background-size: 15px 15px;
	}	
	.c_btn-style01._w02 a,
	.c_btn-style01._w03 a,
	.c_btn-style01._w04 a,
	.c_btn-style01._w05 a,
	.c_btn-style01._w06 a,
	.c_btn-style01._w07 a,
	.c_btn-style01._w08 a{
		min-width: 100%;
	}
	/* サイズ別 高さ */
	.c_btn-style01._h01 a{
		padding: 8px 10px 8px;
	}	
	.c_btn-style01._h02 a{
		padding: 7px 10px 7px;
	}	
}


/*--------------------------------------------------------------------------
   c_ttl-style　タイトルスタイル
---------------------------------------------------------------------------*/

/* c_ttl-style01 アンダーライン
-----------------------------------------------------------------*/
.c_ttl-style01{
	padding-bottom: 11px;
	margin-bottom: 30px;
	border-bottom: 4px solid #A9151A;
	color: #333;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
}
.c_ttl-style01 .sub{
	font-size: 16px;
	font-weight: normal;
}
.c_ttl-style01._no-gap{
	margin-bottom: 0;
}

/* _col01 アンダーライン黒*/
.c_ttl-style01._col01{
	border-bottom-color: #000;
}
/* _small サイズ小*/
.c_ttl-style01._small{
	padding-bottom: 0;
	margin-bottom: 13px;
	border-bottom-width: 3px;
	font-size: 20px;
}
/* _small サイズ小02*/
.c_ttl-style01._small02{
	padding-bottom: 0;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	font-size:18px;
}

/* @SP */
@media all and (max-width: 767px) {
	.c_ttl-style01{
		padding-bottom: 7px;
		margin-bottom: 15px;
		border-bottom-width: 2px;
		font-size: 13px;
	}	
	.c_ttl-style01 .sub{
		font-size: 9px;
		font-weight: normal;
	}
	.c_ttl-style01 .em{
		font-size: 13px;
		font-weight: bold;
		padding: 0 2px;
	}
	/* _sp-col01 SPのみアンダーライン黒*/
	.c_ttl-style01._sp-col01{
		border-bottom-color: #000;
	}
	
	/* _small サイズ小*/
	.c_ttl-style01._small{
		padding-bottom: 0;
		margin-bottom: 13px;
		border-bottom-width: 2px;
		font-size: 13px;
	}	
}



/*--------------------------------------------------------------------------
   c_pagination
---------------------------------------------------------------------------*/

.c_pagination{
	margin-top: 32px;
}
.c_pagination ul{
	letter-spacing: -.4em;
	text-align: center;
	font-size: 15px;
}
.c_pagination ul li{
	display: inline-block;
	margin: 5px 5px 0;
	letter-spacing: normal;
}
.c_pagination ul li.sp{
	display: none;
}
.c_pagination ul li.doted span{
	min-width: 40px;
	border: none;
	color: #000;
	background: #FFF;
}
.c_pagination ul li a,
.c_pagination ul li span{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;
	min-width: 60px;
	min-height: 38px;
	line-height: 38px;
	padding: 0 2px;
	border: solid 1px #8B8B8B;
	color: #000;
	text-decoration: none;
}
.c_pagination ul li a:hover,
.c_pagination ul li span{
	background: #B91C23;
	color: #FFF;
	border-color: #B81B22;
}
/* prev,next */
.c_pagination ul li.prev a,
.c_pagination ul li.next a{
	color: #FFF;
	border: solid 1px #B91C23;
}
.c_pagination ul li.prev a{
	background: #B91C23 url(/shared/images/ico_arw_prev.png) no-repeat 50% 50%;
}
.c_pagination ul li.prev a:hover{
	background: #FFF url(/shared/images/ico_arw_prev_on.png) no-repeat 50% 50%;
}
.c_pagination ul li.next a{
	background: #B91C23 url(/shared/images/ico_arw_next.png) no-repeat 50% 50%;
}
.c_pagination ul li.next a:hover{
	background: #FFF url(/shared/images/ico_arw_next_on.png) no-repeat 50% 50%;
}

/* @SP */
@media all and (max-width: 767px) {
	.c_pagination{
		margin-top: 13px;
	}
	.c_pagination ul{
		font-size: 12px;
	}
	.c_pagination ul li{
		margin-top: 0;
	}
	.c_pagination ul li.pc{
		display: none;
	}
	.c_pagination ul li.sp{
		display: inline-block;
	}
	.c_pagination ul li.doted span{
		min-width: 25px;
	}
	.c_pagination ul li a,
	.c_pagination ul li span{
		min-width: 30px;
		min-height: 28px;
		line-height: 28px;
	}
	.c_pagination ul li.next a{
		background-size: 6px auto;
	}
	.c_pagination ul li.prev a{
		background-size: 6px auto;
	}
}



/*--------------------------------------------------------------------------
   form
---------------------------------------------------------------------------*/
/* c_input-base */
.c_input-base{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color : rgba(0,0,0,0);
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	border: solid 1px #ccc;
}
.c_select-wrap{
	position:relative;
	width: 100%;
}
span.c_select-wrap{
	display: inline-block;
}
/* c_select-base */
.c_select-base{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	min-height: 34px;
	background: #FFF;
	border: solid 1px #777;
	font-size: 12px;
	z-index: 1;
}
select.c_select-base{
	position: relative;
}
.c_select-base .customSelectInner{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 5px 5px;
}
span.c_select-base .customSelectInner:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 14px;
	height: 11px;
	margin-top: -5px;
	background: url(../images/ico_select_arw.png) no-repeat 50% 50%;
	background-size: 14px auto;
}

/* 色のタイプ */
.c_input-base._col01,
.c_select-base._col01{
	border: solid 1px #CDCDCD;
	background: #F3F3F3;
	color: #666;
}

/* サイズ */
.c_input-base._w01,
.c_select-base._w01{
	width: 120px;
}
.c_input-base._w02,
.c_select-base._w02{
	width: 246px;
}
/* サイズ 縦 */
.c_input-base._h01{
}
.c_select-base._h01 .customSelectInner{
	padding: 9px 5px 8px;	
}

/* @SP */
@media all and (max-width: 767px) {
	/* c_select-base */
	.c_select-base{
		min-height: 34px;/* ?? */
	}
	.c_input-base._w01,
	.c_select-base._w01,
	.c_input-base._w02,
	.c_select-base._w02{
		width: 100%;
	}
}

>>>>>>> markup