@charset "UTF-8";

/*
 *common.css
 *現サイトの基準
 */
/*******************
	基準のフォントサイズ
	rem:1で10pxとなる
*******************/

/* サイト基準 */
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;*/
	/*font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;*/
	font-family: Helvetica, Arial, Verdana, Roboto, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
}
p, li {
	line-height: 1.5;
}
body, p, li, th, td {
	/* font-size: 1.2rem; */
}

a{
	color: #0572C4;
}

/* サイト基準 end */

/* jsによるフォントサイズの切り替え */
.font-small {font-size: 1rem;}
.font-base {font-size: 1.2rem;}
.font-large {font-size: 1.4rem;}
/* 下層基準 */
/* サイト基準 end */


/* アイコン・矢印等  end */

/* グレードカラー */
.grade0, .g0, .grade_sg{background-color: #e90a1c; color: #FFF;}
.grade0, .SG, .grade_sg{background-color: #E96E6B;color: #FFF;}
.grade1, .G1, .grade_g1{background-color: #E8BA00;color: #FFF;}
.grade2, .G2, .grade_g2{background-color: #8CDD9E;color: #FFF;}
.grade3, .G3, .grade_g3{background-color: #8DD7EE;color: #FFF;}
.grade4, .IP, .grade_ip{background-color: #b7b7b7;color: #FFF;}
/* 艇番カラー  start */
.f_color1{color: #000!important;}
.f_color2{color: #FFF!important;}
.f_color3{color: #FFF!important;}
.f_color4{color: #FFF!important;}
.f_color5{color: #000!important;}
.f_color6{color: #FFF!important;}
/*.b_color1{background-color: #F0F0EE!important;}*/
.b_color1{background-color: #ffffff!important;}
.b_color2{background-color: #262626!important;}
.b_color3{background-color: #F84657!important;}
.b_color4{background-color: #3F74E2!important;}
.b_color5{background-color: #EFD026!important;}
.b_color6{background-color: #63BC43!important;}
.im_color1{
	background-color: #ffffff!important;
	color: #000!important;
}
.im_color2{
	background-color: #262626!important;
	color: #fff!important;
}
.im_color3{
	background-color: #F84657!important;
	color: #fff!important;
}
.im_color4{
	background-color: #3F74E2!important;
	color: #fff!important;
}
.im_color5{
	background-color: #EFD026!important;
	color: #000!important;
}
.im_color6{
	background-color: #63BC43!important;
	color: #fff!important;
}
/* 買い目カラー  start */
.num1{background-color: #fff !important;color: #000;}
.num2{background-color: #262626 !important;color: #fff!important;}
.num3{background-color: #F84657 !important;color: #fff!important;}
.num4{background-color: #3F74E2 !important;color: #fff!important;}
.num5{background-color: #EFD026 !important;color: #000;}
.num6{background-color: #63BC43 !important;color: #fff!important;}
.imp-num1{background-color: #ffffff!important;color: #000;}
.imp-num2{background-color: #262626!important;color: #fff;}
.imp-num3{background-color: #F84657!important;color: #fff;}
.imp-num4{background-color: #3F74E2!important;color: #fff;}
.imp-num5{background-color: #EFD026!important;color: #000;}
.imp-num6{background-color: #63BC43!important;color: #fff;}
/* 買い目カラー  end */

.ico_num.num1,
.ico_num.imp-num1
{border: 1px solid #B6B6B6!important;}

.ico_num.num2,
.ico_num.imp-num2
{border: 1px solid #757575!important;}

.ico_num.num3,
.ico_num.imp-num3
{border: 1px solid #dc5050!important;}

.ico_num.num4,
.ico_num.imp-num4
{border: 1px solid #5897db!important;}

.ico_num.num5,
.ico_num.imp-num5
{border: 1px solid #f1e07d!important;}

.ico_num.num6,
.ico_num.imp-num6
{border: 1px solid #87b44f!important;}

.ico_hyphen{
	display: inline-block;
	background: url(/themes/kiryu/images/common/icon_hyphen.png) no-repeat 0 0;;
	width:19px;
	height:19px;
	vertical-align:middle;
}
.symbol_img {
	display: inline-block;
	width: 2rem;
	vertical-align: middle;
}
/* 番号  start */
.no_big_1{background-image: url("../images/no_big_01.png");}
.no_big_2{background-image: url("../images/no_big_02.png");}
.no_big_3{background-image: url("../images/no_big_03.png");}
.no_big_4{background-image: url("../images/no_big_04.png");}
.no_big_5{background-image: url("../images/no_big_05.png");}
.no_big_6{background-image: url("../images/no_big_06.png");}

.no_middle_1{background-image: url("../images/no_middle_01.png");}
.no_middle_2{background-image: url("../images/no_middle_02.png");}
.no_middle_3{background-image: url("../images/no_middle_03.png");}
.no_middle_4{background-image: url("../images/no_middle_04.png");}
.no_middle_5{background-image: url("../images/no_middle_05.png");}
.no_middle_6{background-image: url("../images/no_middle_06.png");}

.no_small_w_1{background-image: url("../images/no_small_01-white.png");}
.no_small_w_2{background-image: url("../images/no_small_02-white.png");}
.no_small_w_3{background-image: url("../images/no_small_03-white.png");}
.no_small_w_4{background-image: url("../images/no_small_04-white.png");}
.no_small_w_5{background-image: url("../images/no_small_05-white.png");}
.no_small_w_6{background-image: url("../images/no_small_06-white.png");}

.no_small_b_1{background-image: url("../images/no_small_01-black.png");}
.no_small_b_2{background-image: url("../images/no_small_02-black.png");}
.no_small_b_3{background-image: url("../images/no_small_03-black.png");}
.no_small_b_4{background-image: url("../images/no_small_04-black.png");}
.no_small_b_5{background-image: url("../images/no_small_05-black.png");}
.no_small_b_6{background-image: url("../images/no_small_06-black.png");}
/* 番号  end */

/* 共通カラー & 艇番アイコン */
.ico_num {
	display: inline-block;
	padding: 0.6rem 0.6rem;
	line-height: 1;
	vertical-align:middle;
	background-color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
	color: #000;
}




/* インフォメーション タグ color */
.color-tag-new {
	color: #fff;
	background-color: #F6000E;
}
.color-tag-imp {
	color: #fff;
	background-color: #333333;
}


/*******************************************/
/** ベースカラー
/*******************************************/
.base-color01{
	background-image: url(../images/bg_footer_01.png);
	background-size: contain;
	color: #FFF;
}
.base-color02{
	background: #3179e3;
	background: -moz-linear-gradient(top,  #3179e3 0%, #266bd3 50%, #1656b9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3179e3 0%,#266bd3 50%,#1656b9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3179e3 0%,#266bd3 50%,#1656b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3179e3', endColorstr='#1656b9',GradientType=0 ); /* IE6-9 */
	color: #FFF;
}
.base-color03{
	background-image: url(../images/bg_footer_02.png);
	background-size: contain;
	color: #FFF;
}
.base-color04{
	background-image: url(../images/bg_ttl01.png);
	background-size: contain;
	color: #FFF;
}
.com-title {
    background-repeat: repeat-x;
    background-color: #2655a0;
    text-align: center;
    padding: 0.8rem 0;
    vertical-align: middle;
    /* line-height: 2.3; */
    font-size: 1.8rem;
    border-top: 0.45rem solid #003c95;
}


/*******************************************/
/** 福岡　パーツ
/*******************************************/
	/*******************************************/
	/** 共通見出し
	/*******************************************/
	.com-ttl01{
		padding: 1.4rem 0;
		border-top: 0.3rem solid #003D94;
		font-weight: bold;
		backg;
	}
	.com-ttl02{
		padding: 0.1rem 0;
		border-left: 0.5rem solid #EDD200;
		line-height: 1.2;
		/* text-indent: 0.7rem; */
		color: #0F2F67;
		font-size: 1.5em;
		font-weight: bold;
		padding-left: 0.7rem;
	}
	.com-ttl03{
		padding: 1.2rem 0;
		text-indent: 1rem;
		color: #0f2f67;
		font-weight: bold;
		backg;
		font-size: 1.4em;
		background-color: #E1E5EE;
	}
	.com-ttl04{
		padding: 1.4rem 0;
		border-top: 0.3rem solid #003D94;
		font-weight: bold;
		backg;
	}

	.com-ttl05{
		padding: 1.2rem 0;
		text-indent: 1rem;
		color: #0f2f67;
		font-weight: bold;
		backg;
		font-size: 1.4em;
		background-color: #ffddff;
	}

	/*******************************************/
	/** 共通テーブル
	/*******************************************/
	table.fixed{
		table-layout: fixed;
	}
	table.stripe tbody tr:nth-of-type(odd){
		background-color: #FFF;
	}
	table.stripe tbody tr:nth-of-type(even){
		background-color: #F4F4F4;
	}
	/* 共通テーブル01 */
	.com-table01{
		width: 100%;
	}
	.com-table01 th,
	.com-table01 td{
		vertical-align: middle;
		text-align: center;
	}
	.com-table01 tbody th,
	.com-table01 tbody td{
		padding: .5rem 0;
		border-right: 1px solid #B4B4B4;
		border-bottom: 1px solid #B4B4B4;
	}
	.com-table01 thead th,
	.com-table01 tbody th{
		background-color: #5A8CDA;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		color: #FFF;
	}
	.com-table01 thead th:first-of-type,
	.com-table01 tbody th:first-of-type{
		border-left: 1px solid #5A8CDA;
	}
	.com-table01 thead td:first-of-type,
	.com-table01 tbody td:first-of-type{
		border-left: 1px solid #B4B4B4;
	}
	.com-table01 thead th:last-of-type{
		padding: 1rem 0;
		border-right: 1px solid #5A8CDA;
	}
	.com-table01.non-border thead th:last-of-type,
	.com-table01.non-border tbody td:last-of-type{
		border-right: none;
	}
	/* 共通テーブル02 */
	.com-table02{
		width: 100%;
	}
	.com-table02 th,
	.com-table02 td{
		vertical-align: middle;
		text-align: center;
	}
	.com-table02 th{
		border: 1px solid #e1e5ee;
		border-bottom: 1px solid #FFF;
		border-right: none;
	}
	.com-table02 tbody th,
	.com-table02 tbody td{
		padding: .5rem 0;
	}
	.com-table02 thead th,
	.com-table02 tbody th{
		background-color: #E1E5EE;
		color: #0F2F67;
	}
	.com-table02 td{
		border: 1px solid #BBB;
		border-left: none;
	}
	.com-table02 thead th:last-of-type{
		padding: 1rem 0;
	}
	.com-table02 tr:last-of-type th{
		border-bottom: 1px solid #e1e5ee;
	}
	.com-table02.non-border thead th:last-of-type,
	.com-table02.non-border tbody td:last-of-type{
		border-right: none;
	}

	/*******************************************/
	/** サイト内共通余白
	/*******************************************/
	.com-contents01{
		padding: 1rem;
	}
	.com-contents02{
		padding: 1.5rem;
		background-color: #e2e2e2;
	}
	.com-contents03{
		padding: 2rem;
		background-color: #FFF;
	}

	/*******************************************/
	/** テキストの前に指定のアイコン
	/*******************************************/
	.com-img_before:before {
		position: relative;
		top: 1.1rem;
		background-size: 2.7rem;
		padding: 1.5rem;
		background-repeat: no-repeat;
	}
	.bfr-img-pc:before {
		/* pcのアイコン */
		content: "";
		background-image: url(../images/ico_pc.png);
		left: -.5rem;
	}
	.bfr-img-arw_top:before {
		/* 丸上矢印のアイコン */
		content: "";
		background-image: url(../images/ico_to_top.png);
		left: -.5rem;
		background-size: 1.9rem;
		background-position: 1rem 0.1rem;
	}
	.bfr-img-pickup:before {
		/* 丸上矢印のアイコン */
		content: "";
		background-image: url(../images/ico_pickup.png);
		left: -0.8rem;
		/* background-size: 1.9rem; */
		/* background-position: 1rem 0.1rem; */
	}
	.bfr-img-recommend:before {
		/* オススメアイコン */
		content: "";
		background-image: url(../images/ico_recommend.png);
		left: -.5rem;
		background-size: 1.9rem;
		background-position: 1rem 0.1rem;
	}
	.bfr-img-social:before {
		/* ソーシャルアカウントアイコン */
		content: "";
		background-image: url(../images/ico_social.png);
		left: -.5rem;
		background-size: 1.9rem;
		background-position: 1rem 0.1rem;
	}
	.bfr-img-analyze:before {
		content: "";
		background-image: url(../images/ico_analyze.png);
		left: -.5rem;
	}

	/*******************************************/
	/** 共通ボタンとアイコン
	/*******************************************/
	/** ボタンの形と色 **/
	.com-button01{
		display: inline-block;
		background-color: #5A8CDA;
		color: #FFF;
		font-size: 1.5rem;
		padding: 1.5rem 1rem;
		width: 35%;
		text-align: center;
	}
	.com-button01.yellow{
		background-color: #EDD200;
	}
	.com-icon{
		background-repeat: no-repeat;
		background-position: right;
/* 		background-size: 1.5rem; */
	}
	/** アイコンの種類 **/
	.com-icon.arrow{
		background-image: url(../images/icon/arrow_btn.png);
		background-size: 1.3rem;
	}
	.com-icon.window{
		background-image: url(../images/icon/icon_window.png);
		background-size: 1.8rem;
	}
	.com-icon.pdf{
		background-image: url(../images/icon/icon_pdf.png);
		background-size: 1.8rem;
	}

	/** アイコンの位置 **/
	.com-icon.left{
		background-position: 5%;
	}
	.com-icon.right{
		background-position: 95%;
	}

/*******************************************/
/** 共通バックグラウンド
/*******************************************/	
.com-bg01 {
    background-image: url(/sp/common/images/ttl_bg.gif);
	padding: 0.5rem;
}

/*******************************************/
/** 福岡 アクセシビリティ　ヘッダー
/*******************************************/
.category-accessibility{
	position: relative;
	z-index: 1000;
	width: 100%;
	/* display: table; */
	padding: .9rem 0.8rem .9rem 1rem;
	background-image: url(../images/bg_header.png);
	background-size: contain;
	box-sizing: border-box;
}
.accessibility__group{
	/* display: inline-block; */
	/* float: left; */
	/* height: 4.6rem; */
	float: left;
	vertical-align: bottom;
	box-sizing: border-box;
}
.accessibility__group.left{
	width: 68%;
	/* overflow: hidden; */
}
.accessibility__read{
	height: 2.8rem;
	margin-bottom: 0.4rem;
}
.accessibility__language{
	width: 100%;
	white-space: nowrap;
}

.accessibility__language {}
.accessibility__language .item-lang{
	display: inline-block;
	width: 21.3%;
	padding: .5rem 0;
	margin-right: 0.4rem;
	border-radius: 0.3rem;
	text-align: center;
	background-color: #FFF;
	color: #023C92;
	font-size: 0.9rem;
}
.accessibility__group.right{
/* 文字サイズ変換 */width: 30%;float: right;}
.accessibility__font{
	width: 96%;
	white-space: nowrap;
}
.accessibility__font dt{
	color: #FFF;
	text-align: center;
	border: 1px solid #FFF;
	padding: 0.5rem 0;
	margin-bottom: 0.6rem;
	border-radius: 0.4rem;
	font-size: 1rem;
}
.accessibility__font dd{
	background-color: #FFF;
	display: inline-block;
	padding: 0.7rem;
	margin-right: 0.4rem;
	background-color: white;
	font-size: 1rem;
	opacity: .5;
}

.accessibility__font dd.state-on{
	opacity: 1;
}
/*******************************************/
/** 福岡　パンくず breadcrumbs
/*******************************************/
ul.category-breadcrumbs-list{
	padding: 0.1rem 1rem;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}
.category-breadcrumbs-list li{
    display: inline-block;
    padding: 0.4rem 1rem 0.5rem 0rem;
    vertical-align: middle;
    position: relative;
}
/* .category-breadcrumbs-list li .item-bclist:after{
	content: ">";
	display: inline-block;
	padding-left: 1rem;
}
.category-breadcrumbs-list li:last-of-type .item-bclist:after{
	content: "";
} */
.category-breadcrumbs-list li a,
.category-breadcrumbs-list li span{
	display: inline-block;
	font-size: 1rem;
	color: #000;
	line-height: 1.5rem;
	vertical-align: middle;
}
/* .category-breadcrumbs-list li:last-child span:before {
    content: none;
} */

.category-breadcrumbs-list li .separator{
	display: inline-block;
	padding-right: 1rem;
}
.category-breadcrumbs-list li:first-of-type .separator{
	display: none;
}
/*******************************************/
/** 福岡　ヘッダー
/*******************************************/
.category-header{
    position: relative;
    display: table;
    width: 100%;
    height: 5.8rem;
    table-layout: fixed;
    box-shadow: 0rem 0rem 0.4rem 0.3rem rgba(0,0,0,0.3);
    -webkit-box-shadow: 0rem 0.3rem 0.4rem 0.1rem rgba(0,0,0,0.3);
    -moz-box-shadow: 0rem 0rem 0.4rem 0.3rem rgba(0,0,0,0.3);
    -o-box-shadow: 0rem 0rem 0.4rem 0.3rem rgba(0,0,0,0.3);
    -ms-box-shadow: 0rem 0rem 0.4rem 0.3rem rgba(0,0,0,0.3);
}
.category-header img{width: 100%;}
/*開催・非開催の旗*/
.category-header .com-item{
	display: table-cell;
}
.category-header .item-flag{width: 19%;vertical-align: top;}
.category-header .item-flag img{width: 87%;vertical-align: top;padding: 0 0 0 1rem;}
/*サイトロゴ*/
.category-header .item-logo{width: 45%;vertical-align: middle;}
.category-header .item-logo img{width: 93%;/* padding: 0 0 0 0.6rem; */}
/*日付部分*/
.category-header__group-date{
	position: relative;
	width: 18%;
	vertical-align: middle;
	background-image: url(../images/bg_date.png);
	background-size: cover;
	text-align: center;
}
.category-header__group-date .item-month{
    position: absolute;
    top: 0.7rem;
    left: 0.4rem;
    font-size: 1.9rem;
    /* font-weight: bold; */
    color: #FFF;
}
.category-header__group-date .item-date{
    position: absolute;
    top: 2.2rem;
    right: 0.6rem;
    font-size: 1.9rem;
    /* font-weight: bold; */
    color: #FFF;
}
.category-header__group-date .item-day{
    position: relative;
    top: 1.9rem;
    letter-spacing: 0.1rem;
    font-size: 0.8rem;
    color: #ffffff;
    /* font-weight: bold; */
}
/*グローバルメニューボタン*/
.category-header .item-globalmenu-switch{
	width: 18%;
	background-color: #0F3066;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
}
/* ハンバーガーメニュー */
.category-header .item-globalmenu-switch .item-hamburger{
	display: block;
	width: 3rem;
	height: 0.3rem;
	margin: 0.6rem auto;
	background-color: #FFF;
}
.category-header .item-globalmenu-switch .item-txt{
	display: block;
	margin-top: -0.1rem;
	padding-bottom: 0.2rem;
	font-size: 1.3rem;
}

/*******************************************/
/** ページヘッダー
/*******************************************/
.com-pagetitle{
	padding: 1rem;
	position: relative;
	background-image: url(../images/ttl_bg.gif);
	background-size: .7rem;
	background-repeat: repeat;
}
.com-pagetitle__title{
	/* text版 */
	display: inline-block;
	padding: 0.7rem 0;
	font-size: 1.8rem;
	color: #0F2F67;
}
.com-pagetitle.normal:after{
	content: "";
	display: block;
	width: 8rem;
	height: 8rem;
	position: absolute;
	background-image: url(../images/header/ttl_perabo.png);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 0;
	right: 0;
}
.com-pagetitle.yosou:after{
	content: "";
	display: block;
	width: 9.5rem;
	height: 9.5rem;
	position: absolute;
	background-image: url(../images/header/ttl_perabo_forecast.png);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 0;
	right: 0;
}
.com-pagetitle__img{
	height: 3rem;
	width: inherit!important;
}

/*******************************************/
/** 福岡　フッター
/*******************************************/

/* バナー */
/*******************************
 バナー
*******************************/
.category-banner{
	display: block;
	width: 100%;
	padding: 1.5rem 0rem;
	background-color: #E1E5EE;
}
.category-banner .banner-wrap{
	display: block;
	width: 85%;
	margin: auto;
	position: relative;
}
.category-banner .banner-wrap li{
	width: 80%;
}
.category-banner .banner-wrap li img{
	margin: auto;
	width: 93%;
}

/* 言語 */
.category-footer__com_language{}
.category-footer__com_language .com-language{
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 1rem 0;
	border-spacing: 1rem;
}
.category-footer__com_language a{
	display: table-cell;
	width: 25%;
	padding: 0.8rem .8rem;
	text-align: center;
	border-radius: .2rem;
	background-color: #FFF;
}
/*****************************************************
	フッター用グローバルメニュー
*****************************************************/
.category-footer {
	margin-top: 1.5rem;
}
.category-footer .type-bottom .close{
	display: none;
}
/* ページトップ */
.category-footer .footer_scrolltop_wrapper{
	padding: 1.4rem 0;
	text-align: center;
	text-indent: -1rem;
	background-color: #E1E5EE;
}
.category-footer .footer_scrolltop_wrapper a{
	color: #3b3b3b;
	font-size: 1.3rem;
	font-weight: bold;
}

/* フッターメニュー */
.category-footer .group-othermenu{
	padding: 1.5rem 1rem;
	background-color: #45649d;
}
.category-footer .group-othermenu ul{
	display: table;
	width: 100%;
}
.category-footer .group-othermenu ul.list01{
	padding-top: 1rem;
}
.category-footer .group-othermenu ul.list02{
	padding-bottom: 1rem;
	margin-top: 1.5rem;
}
.category-footer .group-othermenu li{
	display: table-cell;
}
.category-footer .group-othermenu li:last-of-type a{
	border-right: 1px solid #7D93BB;
}
.category-footer .group-othermenu a{
	display: block;
	padding: .5rem 0;
	border-left: 1px solid #7D93BB;
	text-align: center;
	font-size: 1.1rem;
	color: #FFF;
}

/* 音声読み上げについて・よくある質問 */
/* .category-footer .group-othermenu ul.list01 li:nth-of-type(1){width: 60%}
.category-footer .group-othermenu ul.list01 li:nth-of-type(2){width: 40%} */
/* 個人情報の取り扱いについて・推奨環境・リンク */
/* .category-footer .group-othermenu ul.list02 li:nth-of-type(1){width: 55%;}
.category-footer .group-othermenu ul.list02 li:nth-of-type(2){width: 25%;}
.category-footer .group-othermenu ul.list02 li:nth-of-type(3){width: 20%;} */

/* 20251105 CHG　Web accessibility　対応 */
.category-footer .group-othermenu ul.list01 li:nth-of-type(1){width: 48%;}
.category-footer .group-othermenu ul.list01 li:nth-of-type(2){width: 52%;}


/* pcサイトヘ */
.category-footer .item-linkto-pc{
	padding: 1.4rem 0;
	background-color: #8493B4;
	text-align: center;
	font-size: 1.4rem;
}
.category-footer .item-linkto-pc a{
	color: #FFF;
}

.category-footer__wrapper{}
.category-footer__wrapper__addr{
	padding: 2rem 0 1rem 0;
}
.category-footer__wrapper__addr .item-addr{
	margin: 0.3rem 0;
	text-align: center;
	font-size: 1.1rem;
}
.category-footer__wrapper__addr .item-tel{
	text-align: center;
	font-size: 1.7rem;
}
.category-footer__wrapper__addr .item-tel img{
	width: 13rem;
	vertical-align: middle;
}
.category-footer__wrapper__addr .item-footerlogo{
	text-align: center;
}
.category-footer__wrapper__addr .item-footerlogo img{width: 35%;}
.category-footer__wrapper .item-copyright{
	padding: .7rem;
	text-align: center;
	line-height: 1.4;
	font-size: 1rem;
}

/*グレードアイコン*/
.com-item_grade_title {
    width: 100%;
}
.com-item_grade_title__left {
    display: table-cell;
}
.com-item_grade_title__right {
    display: table-cell;
    padding-left: 1rem;
    vertical-align: middle;
}
.icon_grade {
    display: inline-block;
    width: 4rem;
    /*height: 3rem;*/
    padding: 1rem 0;
    vertical-align: middle;
    border-radius: 0.2rem;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #FFF;
}
.com-item_grade_title__right h3.title {
    line-height: 1.2;
    font-size: 1.4em;
    vertical-align: middle;
}
.com-item_grade_title p.date {
    line-height: 1.7;
    margin-top: 0.5rem;
    font-size: 1.2em;
}

/*top page icon*/
.icon_grade_hatsubai {
    display: inline-block;
    width: 2.1rem;
    padding: 0.3rem 0;
    margin: 0.2rem 0;
    vertical-align: middle;
    border-radius: 0.2rem;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
}
.ico_day {
    display: inline-block;
    background: url(../images/top/icn_noon.gif) no-repeat 0 0;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
    vertical-align: middle;
}
.ico_night {
    display: inline-block;
    background: url(../images/top/icn_night.gif) no-repeat 0 0;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
    vertical-align: middle;
}
.col_red{
	color:#ff0000;
}