@charset "utf-8";
@import url(//use.fontawesome.com/releases/v5.4.2/css/all.css);

/* ------------------------------------------------------- */
/* PC・タブレット・スマホ共通設定                          */
/* ------------------------------------------------------- */

html {
	overflow-y: scroll;				/* スクロールバー常に表示 */
}

/* 全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #444;			/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;		/*文字サイズ*/
	line-height: 2;			/*行間*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{margin:0px;padding:0px;}
ul{list-style-type:none;}
img{border:none;max-width:100%;height:auto;}
table{border-collapse:collapse;font-size:100%;border-spacing:0;}
iframe{width:100%;}

/* 共通定義
---------------------------------------------------------- */
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}

/* リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #444;				/*リンクテキストの色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
a:hover {
	color: #6cafee;				/*マウスオン時の文字色（全体）*/
	text-decoration: none;		/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
	cursor: pointer;
}

/* 疑似属性（マウスオーバー）
---------------------------------------------------------------------------*/
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.alpha input:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* ヘッダー（サイトロゴとメインメニューが入ったブロック）
---------------------------------------------------------------------------*/
/* ヘッダーブロック*/
header {
	width: 100%;
}
header .inner {
	width: 980px;		/*幅*/
	height: 140px;		/*高さ*/
	margin: 0 auto;
	position: relative;
}

/*トップページのinnner*/
#top header .inner {
	height: 150px;		/*トップページでの高さ*/
	/*TBASEbackground: url(../images/header_bg.png) no-repeat left bottom;	/*トップページでの背景装飾画像の読み込み*/
}
header .innersub {
	width: 980px;	/*幅*/
	height: 140px;	/*高さ*/
	margin: 0 auto;
	position: relative;
}
#top header .innersub {
	/*height: 350px;	/*トップページでの高さ*/
	/*TBASEbackground: url(../images/header_bg.png) no-repeat left bottom;	/*トップページでの背景装飾画像の読み込み*/
}

/* ロゴ画像*/
header #logo {
	position: absolute;
	left: 0px;	/*header #innerに対して左から0pxの場所に配置*/
	top: 20px;	/*header #innerに対して上から40pxの場所に配置*/
	width: 380px;	/*ロゴ画像の幅*/
}

/*トップページにおいている食べ物の写真*/
header #mainimg {
	width: 500px;	/*幅*/
	position: absolute;
	right: 0px;		/*header #innerに対して右から0pxの場所に配置*/
	bottom: -40px;	/*header #innerに対して下から-40pxの場所に配置*/
}

/* メインメニュー（右上のメニュー）
---------------------------------------------------------------------------*/
/* メニューボックス全体への設定*/
#menubar {
	position: absolute;
	right: 0px;	/*header #innerに対して右から0pxの場所に配置*/
	top: 0px;	/*header #innerに対して上から0pxの場所に配置*/
}

/* メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	text-align: center;
	margin-left: 10px;	/*メニュー間にとるスペース*/
}
#menubar li a {
	display: block;
	text-decoration: none;
	background: #6cafee;	/*背景色（古いブラウザ用）*/
	background: #6cafee padding-box;	/*背景色*/
	border: 10px solid #fff;	/*枠線の幅、線種、色。（古いブラウザ用）*/
	border: 10px solid rgba(108,175,238,0.5);	/*枠線の幅、線種、色。カッコ内左３つの数字がrgbでの色指定で最後の小数点が透明度。*/
	margin-top: -10px;	/*上の線が見えないように、上に10px移動させる*/
	color: #fff;		/*文字色*/
	width: 100px;		/*幅*/
	line-height: 100px;	/*行間（高さ）*/
	overflow: hidden;	/*飛び出た文字を非表示に*/
	font-size: 12px;
}

/* マウスオン時、現在表示中のメニュー設定（※小さな端末menubar-sにも適用）*/
#menubar a:hover,
#menubar li.current a,
#menubar-s li.current a {
	background: #fff;				/* 背景色 */
	color: #6cafee;					/* 文字色 */
	border: 10px solid #6cafee;		/* 枠線の幅、線種、色 */
}

/* スマホ用メニューを表示させない */
#menubar-s {
	display: none;
}

/* ３本バーアイコンを表示させない */
#menubar_hdr {
	display: none;
}

/* メインメニュー（ログイン情報エリア）
---------------------------------------------------------------------------*/
/* メニューボックス全体への設定 */
#menubar_member {
	display: block;
	position: absolute;
	right: 0px;				/* header #innerに対して右から0pxの場所に配置 */
	top: 120px;				/* header #innerに対して上から0pxの場所に配置 */
}

/* メニュー１個あたりの設定 */
#menubar_member li {
	float: left;			/*左に回り込み*/
	text-align: center;
	margin-left: 10px;		/*メニュー間にとるスペース*/
}

/* コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
/*TBASE	background: #6cafee;	/*背景色*/
/*TBASE	color: #fff;	/*文字色*/
	color: #000;
}
#contents a {
/*TBASE	color: #fff;	/*リンクテキストの文字色*/
}
#contents .inner {
	width: 980px;	/*コンテンツの幅*/
	margin: 0 auto;
	padding-top: 5px;
}

/* メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: right;	/*右側に回り込み*/
	width: 700px;	/*幅*/
}
.c1 #main {
	float: none;
	width: auto;
}

/* mainコンテンツのh2タグの設定*/
/*
#main h2 {
	clear: both;
	margin-bottom: 15px;
	font-size: 100%;
	background: #fff;
	color: #333;
	padding: 10px 15px;
*/
/*	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
/*	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);			/*同上*/
/*}*/

/* mainコンテンツのh2タグの１文字目への設定*/
/*
#main h2::first-letter {
/*
	border-left: 3px solid #6cafee;	/*左側のアクセント用ラインの幅、線種、色*/
/*	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
/*
}
*/

#main h2 {
	clear: both;
	position: relative;		/* 相対位置 */
	margin-bottom: 15px;
	padding-left: 1.2em;	/* アイコン分のスペース */
	font-size: 1.2em;
	color: #7b6459;			/* 文字色 */
	border-bottom: solid 2px #7b6459;
}

#main h2:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00a";		/* アイコンのユニコード */
	position: absolute;		/* 絶対位置 */
	font-size: 1.0em;		/* サイズ */
	left: 0;				/* アイコンの位置 */
	top: 0;					/* アイコンの位置 */
	color: #ff938b; 		/* アイコン色 */
}

/* mainコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	margin-bottom: 15px;
	font-size: 100%;
	padding: 4px 6px;		/*上下、左右へとるボックス内の余白*/
	background: #067eec;	/*背景色*/
	color: #fff;
}

/* mainコンテンツの段落タグ設定*/
#main p {
	padding: 4px 4px 4px;				/*上、左右、下への余白*/
}
#main p + p {
	padding-top: 0px;
}
#main h2 + p,
#main h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}

/* MENUページ
---------------------------------------------------------------------------*/

/* ボックス共通設定*/
#main section.list {
	margin-bottom: 15px;	/*ボックスの下に空ける余白*/
	position: relative;
	overflow: hidden;
	background: #fff;	/*背景色*/
	padding: 3.5%;		/*ボックス内の余白*/
	color: #333;		/*文字色*/
}

/* ボックス内のh4タグ共通設定*/
#main section.list h4 {
	color: #6cafee;	/*文字色*/
	background: url(../images/mark1.png) no-repeat left 5px/15px;	/*王冠マークの読み込み。最後の15pxはサイズ指定。マークを入れ替えた場合に上下がずれるなら5pxの数字をcenterか他の近い数字に変更してみる。*/
	padding-left: 18px;	/*王冠マークに文字が重ならないように幅を確保*/
	margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}

/* ボックス内の段落タグ共通設定*/
#main section.list p {
	padding: 0px;
	margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}

/* ボックス内の写真共通設定*/
#main section.list figure img {
	float: left;	/*画像を左へ回り込み（※横長タイプ用）*/
	width: 20%;		/*写真の幅（※横長タイプ用）*/
}

/* コンパクトタイプのボックス追加設定*/
#main section.list.compact {
	width: 23%;		/*compactタイプの幅*/
	height: 220px;	/*compactタイプの高さ*/
	float: left;	/*ボックスを左に回り込み*/
	margin-left: 2.5%;	/*ボックス間の余白*/
}
.c1 #main section.list.compact {
	height: 250px;	/*１カラムの時の高さ*/
}

/* コンパクトタイプのh4タグ追加設定*/
#main section.list.compact h4 {
	margin-left: 0;
}

/* コンパクトタイプの段落タグ追加設定*/
#main section.list.compact p {
	margin-left: 0;
	font-size: 11px;	/*compactタイプの文字サイズ*/
	line-height: 1.4;
	margin-bottom: 5px;
}

/* コンパクトタイプの写真追加設定*/
#main section.list.compact figure img {
	float: none;
	width: auto;
	margin: 0;
}

/* おすすめマーク*/
.osusume {
	position: absolute;
	left: 5px;	/*ボックスの左から5pxの場所に配置*/
	top: 5px;	/*ボックスの上から5pxの場所に配置*/
	background :#f891b5;	/*背景色（※古いブラウザ用）*/
	background: rgba(246,68,130,0.6);	/*rgbaでの背景色。左３つが色指定で最後の小数点が透明度。*/
	color: #fff;	/*文字色*/
	border-radius: 50px;	/*角丸の指定。数字が大きければ正円になります。*/
	width: 50px;	/*幅*/
	line-height: 50px;	/*行間（高さ）*/
	text-align: center;
	font-size: 9px;	/*文字サイズ*/
	overflow: hidden;
	transform: rotate(-30deg);	/*左回転で30度傾ける設定*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
}

/* サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*左に回り込み*/
	width: 220px;	/*幅*/
}
.c1 #sub {
	display: none;	/*１カラムの時に非表示にする*/
}

/* subコンテンツ内のh2タグ設定*/
#sub h2 {
	font-size: 100%;
	text-align: center;
	color: #333;			/*文字色*/
	background: #fff;		/*背景色（古いブラウザ用）*/
/*	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f1ec));	/*グラデーション*/
/*	background: -webkit-linear-gradient(#fff, #f3f1ec);	/*同上*/
/*	background: linear-gradient(#fff, #f3f1ec);			/*同上*/
	border-radius: 10px 10px 0px 0px;	/*角丸の指定。左上、右上、右下、左下への順番。*/
	padding: 10px 0px;	/*上下、左右へのボックス内の余白*/
	margin-bottom: 4px;
}


/* サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/

/* メニュー全体の設定*/
#sub ul.submenu {
	margin-bottom: 10px;		/*メニューブロックの下に空けるスペース*/
}

#sub ul.submenu li a:before {
	position: relative;
	top: 2px;
	margin: 0 10px 0 10px;

	content:"\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#fff;	
}

#sub ul.submenu li a:hover:before {
	position: relative;
	top: 2px;
	margin: 0 10px 0 10px;

	content:"\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#fff;	
}


/* メニュー１個ごとの設定 */
#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	text-align: left;			/* 文字をセンタリング*/
	padding: 6px 0px;			/* 上下、左右へのボックス内の余白*/
	background :#73B5E4;		/* 背景色*/
	margin-bottom: 4px;			/* メニュー同士の余白*/
	color: #fff;				/* 文字色 */
	border-bottom: 1px solid #73B5E4;		/*枠線の幅、線種、色。（古いブラウザ用）*/
}

/* マウスオン時 */
#sub ul.submenu li a:hover {
	background: #fff;			/*背景色*/
	color: #27a4bd;				/*文字色*/
	border-top: 1px solid #27a4bd;		/*枠線の幅、線種、色。（古いブラウザ用）*/
	border-left: 1px solid #27a4bd;		/*枠線の幅、線種、色。（古いブラウザ用）*/
	border-right: 1px solid #27a4bd;		/*枠線の幅、線種、色。（古いブラウザ用）*/
	border-bottom: 1px solid #27a4bd;		/*枠線の幅、線種、色。（古いブラウザ用）*/
}


/* フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	background-color: #6CAFEE;
}
footer a {
	text-decoration: none;
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a:hover {
	color: #fff;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding-left: 15px;
	/*margin-bottom: 15px;*/
	/*overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	/*height: 240px;	/*ボックスの高さ*/
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
/*	float: left;*/
	width: 12em;
}
/*記事設定*/
#new dd {
	/*padding-left: 8em;		左側余白 */
}
#newinfo {
}


/* マイページ（お問合せ履歴）
---------------------------------------------------------------------------*/
/* ブロック全体の設定 */
#mypageHistory {

}
#mypageHistory a {
    color: #6cafee;
}
#mypageHistory a:link {
    color: #6cafee;
}
#mypageHistory a:visited {
    color: #6cafee;
}
#mypageHistory a:hover {
    color: #6cafee;
}


/* テーブル
---------------------------------------------------------------------------*/
/* ta1設定 */
.ta1 {
	width: 100%;
	margin-bottom: 15px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #fff;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;	/*ボックス内の余白*/
	word-break: break-all;
}
/* テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #067eec;	/*背景色*/
}
/* 左側ボックス*/
.ta1 th {
	width: 140px;	/*幅*/
	text-align: center;	/*センタリング*/
}

/* テーブル（ログイン）
---------------------------------------------------------------------------*/
.ta_login {
	width: 100%;
	margin-bottom: 15px;
}
.ta_login, .ta_login td, .ta_login th {
	border: 1px solid #eee;		/*テーブルの枠線の幅、線種、色*/
	padding: 6px;				/*ボックス内の余白*/
	word-break: break-all;
	font-size: 12px;
}
/* テーブル１行目に入った見出し部分 */
.ta_login th.tamidashi {
	width: auto;
	text-align: left;			/*左よせ*/
	background: #b9cde5;		/*背景色*/
	color: #000;
	font-weight: normal;
}
/* 左側ボックス*/
.ta_login th {
	width: 140px;				/*幅*/
	text-align: center;			/*センタリング*/
}

/* テーブル（お問い合わせフォーム）
---------------------------------------------------------------------------*/
.ta_contact {
	width: 100%;
	margin-bottom: 15px;
}
.ta_contact, .ta_contact td, .ta_contact th {
	border: 1px solid #eee;		/*テーブルの枠線の幅、線種、色*/
	padding: 6px;				/*ボックス内の余白*/
	font-size: 12px;
	word-break: break-all;
}
/* テーブル１行目に入った見出し部分 */
.ta_contact th.tamidashi {
	width: 200px;
	text-align: left;			/*左よせ*/
	background: #dce6f2;		/*背景色*/
	color: #000;
	font-weight: normal;
	font-size: 12px;
}
/*左側ボックス*/
.ta_contact th {
	width: 140px;				/*幅*/
	text-align: center;			/*センタリング*/
}

/* テーブル（会員登録フォーム）
---------------------------------------------------------------------------*/
.ta_regist {
	width: 100%;
	margin-bottom: 15px;
}
.ta_regist, .ta_regist td, .ta_regist th {
	border: 1px solid #eee;		/*テーブルの枠線の幅、線種、色*/
	padding: 6px;				/*ボックス内の余白*/
	font-size: 12px;
	word-break: break-all;
}
/* テーブル１行目に入った見出し部分 */
.ta_regist th.tamidashi {
	width: 200px;
	text-align: left;			/*左よせ*/
	background: #dce6f2;		/*背景色*/
	color: #000;
	font-weight: normal;
	font-size: 12px;
}
/*左側ボックス*/
.ta_regist th {
	width: 140px;				/*幅*/
	text-align: center;			/*センタリング*/
}

/* テーブル（検索フォーム）
---------------------------------------------------------------------------*/
.ta_parent {
	width: 100%;
}
.ta_parent, .ta_parent td, .ta_parent th {
	border: 1px solid #eee;		/*テーブルの枠線の幅、線種、色*/
	padding: 6px;				/*ボックス内の余白*/
	font-size: 12px;
	word-break: break-all;
}
/* テーブル１行目に入った見出し部分 */
.ta_parent th.tamidashi {
	width: 20%;
	text-align: left;			/*左よせ*/
	background: #dce6f2;		/*背景色*/
	color: #000;
	font-weight: normal;
	font-size: 12px;
}
/* 左側ボックス*/
.ta_parent th {
	width: 140px;				/*幅*/
	text-align: center;			/*センタリング*/
}

/* マイページ（履歴ブロック）
---------------------------------------------------------------------------*/
.historyBlk {
	width: 98%;
	padding: 5px;"
}

.historyLeft {
	width: 20%;
	float: left;
	margin-right: 10px;
}

.historyRight {
	width: 78%;
	float: left;
}

/* テーブル（history）
---------------------------------------------------------------------------*/
.ta_history {
	width: 100%;
	margin-bottom: 15px;
}
.ta_history, .ta_history td, .ta_history th {
	border: 1px solid #eee;		/*テーブルの枠線の幅、線種、色*/
	padding: 2px;				/*ボックス内の余白*/
	font-size: 12px;
	word-break: break-all;
}
/* テーブル１行目に入った見出し部分 */
.ta_history th.tamidashi {
	width: 30%;
	text-align: left;			/*左よせ*/
	background: #dce6f2;		/*背景色*/
	color: #000;
	font-weight: normal;
	font-size: 12px;
}
/* 左側ボックス*/
.ta_history th {
	text-align: center;			/*センタリング*/
}


/* テーブルセル（共通）
---------------------------------------------------------------------------*/
.inputHead {
    padding          : 8px;
	width            : auto;
    color            : #000;
    background-color : #dce6f2;
    FONT-FAMILY      : "メイリオ";
    font-size        : 13px;
    line-height      : 1.2em;
    text-align       : left;
    border           :1px solid #778899;
}
.inputCol {
    padding          : 8px;
    background       : #ffffff;
    font-size        : 14px;
    line-height      : 1.0em;
    text-align       : left;
    border:1px solid #778899;
    FONT-FAMILY      : "メイリオ";
}
.inputColError {
    padding          : 5px;
    background       : #FEE;
    font-size        : 14px;
    line-height      : 1.0em;
    text-align       : left;
    border:1px solid #778899;
    FONT-FAMILY      : "メイリオ";
}

/* 「必須」マーク
---------------------------------------------------------------------------*/
.required {
}

.required:after {
	padding: 0px 4px;
    color: #FFF;
	position: relative;
	float: right;
    content: " 必須 ";
	background: #FF0000;
	font-size: 11px;
}

/* PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	padding-top: 40px;
}
#pagetop a {
	font-size: 20px;	/*文字サイズ*/
	background: #6CAFEE;	/*背景色*/
	color: #333;		/*文字色*/
	width: 80px;		/*幅*/
	line-height: 80px;	/*行間（高さ）*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 50px;	/*角丸のサイズ*/
}
/* マウスオン時*/
#pagetop a:hover {
	/*background: #000;	/*背景色*/
	background: #6CAFEE;	/*背景色*/
	color: #FFF;			/*文字色*/
}

/* NEWアイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 0px 2px;
	margin: 0px 2px;
}

/* その他
---------------------------------------------------------------------------*/
.look {background: #333;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color: #ffde00;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}


/* 「状況」アイコン
---------------------------------------------------------------------------*/
/* 募集中 */
.flgLooking {
    border: solid 1px #ffdb01;
    background: #92d050;
    color: #000;
    padding: 0 2px;
    white-space: nowrap;
    zoom: 1;
	width: 110px;
	text-align: center;
	font-weight: bold;
	/*float: left;*/
	width: 45%;
}
/* 相談中 */
.flgConsulting {
    border: solid 1px #ffdb01;
    background: #ffff00;
    color: #000;
    padding: 0 2px;
    white-space: nowrap;
    zoom: 1;
	text-align: center;
	font-weight: bold;
	/*float: left;*/
	width: 48%;
	font-size: 10px;
}
/* 相談中 */
.flgConsulting2 {
    border: solid 1px #ffdb01;
    background: #ffff00;
    color: #000;
    padding: 0 2px;
    white-space: nowrap;
    zoom: 1;
	width: 140px;
	text-align: center;
	font-weight: bold;
	/*float: left;*/
	width: 90%;
}
/* 里親決定 */
.flgDecision {
    border: solid 1px #ffdb01;
    background: #ff0000;
    color: #000;
    padding: 0 2px;
    white-space: nowrap;
    zoom: 1;
	text-align: center;
	font-weight: bold;
	/*float: left;*/
	width: 55%;
}

/* 「お気に入り」アイコン
---------------------------------------------------------------------------*/
.flgFavolite {
    border: solid 1px #ffdb01;
    background: #ffccff;
    color: #000;
    padding: 0 2px;
    white-space: nowrap;
    zoom: 1;
	width: 110px;
	text-align: center;
	font-weight: bold;
}

/* 「！」アイコン
---------------------------------------------------------------------------*/
.cautiontxt:before,
.cautiontxtb:before{
	content:"\f12a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#1a6212;	
	padding-right:5px;
}
.cautiontxt,.cautiontxtb{
	color:#1a6212;
	font-size:0.9em!important;
	margin-bottom:0px!important;
}
.cautiontxtb{
	display:inline;
}

/* 入力エラーメッセージ
---------------------------------------------------------------------------*/
.error_msg {
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	color: red;
}


/* ------------------------------------------------------- */
/* 生体一覧                                                */
/* ------------------------------------------------------- */
.itemList1 {
  margin:0 0 10px 0;
}
.itemList1 > li {
  width: 46%;
  border:1px solid #ccc;
  float:left;
  margin-right:2%;
  margin-bottom:20px;
  padding:9px 9px 4px 9px;
  line-height:1.4em;
  position:relative;
}
.itemList1 > li:nth-child(2n) {
  margin-right:0;
}
.itemList1 > li:hover {
  border:1px solid #999;
}
.itemList1 > li ul li:hover {
  border:none;
}
/* ボックス上部アイコンセット */
.itemList1UpperIcon {
  position:absolute;
  top:3px;
  right:3px;
  text-align:right;
  height:25px;
  letter-spacing: -.40em;
}
.itemList1Detail img {
  display: block;
}
/* 商品写真 */
img.itemList1ItemPhoto {
  display:block;
  margin:0 auto 3px;
}
/* 商品番号 */
.itemList1No {
	font-size:0.8em;
	color:#666666;
	margin-bottom: 2px;
}
/* 商品名 */
.itemList1Name {
	font-size:0.8em;
	margin:0 0 5px 0;
	word-break:break-all;
}
/* 価格 */
.itemList1Price1 {
  text-align:right;
  margin:0 0 5px 0;
}
.itemList1Price1 .il1p1Price1,
.itemList1Price1 .il1p1Price2 {
  font-size:0.9em;
}
.itemList1Price1 .il1p1Price2 span {
  font-weight:bold;
  font-size:1.6em;
  color:#ff6600;
  margin:0 0 0 3px;
  vertical-align:middle;
}
.itemList1Price1 .il1p1Price2 span[class*="il1p1Tax"] {
  font-weight:normal;
  font-size:0.9em;
  color:#fff;
  background:#ff6600;
  padding:1px 3px;
  line-height:1em;
}
/*簡易説明文*/
.itemList1Txt {
  border-top:1px solid #ccc;
  padding:8px 0;
}
/*特徴*/
.itemList1Feature {
  overflow:hidden;
  margin:0 0 5px 0;
}
.itemList1Feature li {
  float:left;
  padding:1px;
  margin-right: 2px;
  width: 30px;
  height:30px;
  background-repeat:no-repeat;
  background-size:30px 30px;
}
.itemList1Feature li.scim1-1 {background-image:url(../images/base/subContentsIconMenu1-1.png);}

.itemList1Feature li span {
  display:block;
  text-align:center;
/*  background:#f0f0f0;*/
/*  color:#000;*/
  background:#ff6600;
  color:#fff;
  font-size:0.8em;
}
.itemList1Feature span.genkin {
  display:block;
  text-align:center;
  background:#fe0708;
  font-size:0.8em;
  color: #fff;
}
.itemList1Feature span.taimen {
  display:block;
  text-align:center;
  background:#f7931e;
  font-size:0.8em;
  color: #fff;
}
/*数量*/
.itemList1Num {
  overflow:hidden;
  text-align:right;
  border-top:1px solid #ccc;
  padding:10px 0;
}
.itemList1Num select {
  display:inline-block;
}
.itemList1Inner {
  padding: 6px;
}

.petInfoHdr {
	width: 50px;
	text-align: center;
	padding: 2px 0;
	display: inline-block;
	font-size: 11px;
	border-radius: 2px;
	background-color: #e1f5e6;
	color: #629153;
	margin-right: 4px;
}


/* 新規会員登録
---------------------------------------------------------------------------*/
#memberRegist {
}

/* 「里親希望者として新規会員登録する」*/
#memberRegist .btn01 {
    background: url("../images/member_regist/bnt_satooyashinki.png") no-repeat;
}

#memberRegist .btn01 a {
	height: 40px;
    background: url("../images/member_regist/bnt_satooyashinki.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#memberRegist .btn01 a:hover {
    background-image: url("../images/member_regist/bnt_satooyashinki_over.png");
}

/* 「譲渡希望者として新規会員登録する」*/
#memberRegist .btn02 {
    background: url("../images/member_regist/bnt_jyoutoshinki.png") no-repeat;
}

#memberRegist .btn02 a {
	height: 40px;
    background: url("../images/member_regist/bnt_jyoutoshinki.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

#memberRegist .btn02 a:hover {
    background-image: url("../images/member_regist/bnt_jyoutoshinki_over.png");
}


/* 里親募集 詳細
---------------------------------------------------------------------------*/
#parentDetail {
	margin-bottom: 5px;
	padding: 10px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}
#parentDetail .blkWrap {
	width: 100%;
}

#parentDetail .blkWrap .blkLeft {
	float: left;
	width: 48%;
	margin-right: 10px;
}

#parentDetail .blkWrap .blkRight {
	float: left;
	width: 48%;
}

/* 動画 */
.video{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.petKindNav {
    border-collapse: collapse;
    margin: 0 0 8px;
    overflow: hidden;
}
.petKindNav ul {
    margin-left: 10px;
    float: left;
}


.petKindNavHdr {
    float: left;
    margin-top: 5px;
}
.petKindNav li.active {
    border: 1px solid #8eb4e3;
}
.petKindNav li:first-child {
    width: 95px;
    border-left-width: 1px;
}
.petKindNav li {
    border: 1px solid #8eb4e3;
    border-left-width: 0px;
    float: left;
    width: 88px;
}
.petKindNav .active a {
    background-color: #8eb4e3;
    color: #fff;
}
.petKindNav li a {
    color: #9b805d;
    background-color: #dce6f2;
    text-align: center;
    font-size: 12px;
}
.petKindNav li span, .petKindNav li a {
    display: block;
    padding: 6px 0;
}

/* 里親 お申込みフォーム
---------------------------------------------------------------------------*/
#parentContact {
	margin-bottom: 5px;
	padding: 10px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}
#parentContact .blkWrap {
	width: 100%;
}

#parentContact .blkWrap .blkLeft {
	float: left;
	width: 28%;
	margin-right: 10px;
}

#parentContact .blkWrap .blkRight {
	float: left;
	width: 70%;
}

/* マイページ 掲示板
---------------------------------------------------------------------------*/
#mypageBoard {
	margin-bottom: 5px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
	margin-right:auto;
	margin-left:auto;
	width: 100%;

}
#mypageBoard .blkWrap {
	width: 100%;
}

#mypageBoard .blkWrap .blkLeft {
	float: left;
	width: 78%;
	margin-right: 10px;
}

#mypageBoard .blkWrap .blkRight {
	float: left;
	width: 20%;
}

/* COCOROの里とは
---------------------------------------------------------------------------*/
#about {
	margin-bottom: 5px;
	padding: 0px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}
#about .blkWrap {
	width: 100%;
}

#about .blkWrap .blkLeft {
	float: left;
	width: 49%;
}

#about .blkWrap .blkRight {
	float: right;
	width: 49%;
}

/* ご支援のお願い
---------------------------------------------------------------------------*/
#support {
	margin-bottom: 5px;
	padding: 0px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}

/* 譲渡までの流れ
---------------------------------------------------------------------------*/
#transfer {
	margin-bottom: 5px;
	padding: 0px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}

/* プライバシーポリシー
---------------------------------------------------------------------------*/
/* --- 見出しエリア --- */
#privacy .heading {
	width: 100%; /* 見出しエリアの幅 */
	margin-bottom: 1em;
	padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
	border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
#privacy .heading h3 {
	margin: 0;
	padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
	border-left: 5px #73b5e4 solid; /* 見出しの左境界線 */
	font-size: 110%; /* 見出しの文字サイズ */
	line-height: 100%;
	background: #fff;
	color: #000;
}

#privacy {
	background-color: #FFFFFF;
	margin-bottom: 5px;
	padding: 10px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}

#privacy ul {
	display: block;
	list-style-type: decimal;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 10px;
}

#privacy li {
	list-style-type: none;
	display: list-item;
	text-align: -webkit-match-parent;
}


/* 利用規約
---------------------------------------------------------------------------*/
/* --- 見出しエリア --- */
#term .heading {
	width: 100%; /* 見出しエリアの幅 */
	margin-bottom: 1em;
	padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
	border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
#term .heading h3 {
	margin: 0;
	padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
	border-left: 5px #73b5e4 solid; /* 見出しの左境界線 */
	font-size: 110%; /* 見出しの文字サイズ */
	line-height: 100%;
	background: #fff;
	color: #000;
}

#term {
	background-color: #FFFFFF;
	margin-bottom: 5px;
	padding: 10px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}

#term ul {
	display: block;
	list-style-type: decimal;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 10px;
}

#term li {
	list-style-type: decimal;
	display: list-item;
	margin-left: 15px;
	text-align: -webkit-match-parent;
}


/* よくある質問
---------------------------------------------------------------------------*/
/* --- 全体枠 --- */
#faq {
	background-color: #FFFFFF;
	margin-bottom: 5px;
	padding: 0px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 180%;
}

/* --- 見出しエリア --- */
#faq .heading {
	width: 100%;			/* 見出しエリアの幅 */
	margin-bottom: 1em;
	padding: 4px 0;			/* 見出しエリアのパディング（上下、左右） */
	border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
#faq .heading h3 {
	margin: 0;
	padding: 3px 3px 0 5px;			/* 見出しのパディング（上右下左） */
	border-left: 5px #73b5e4 solid; /* 見出しの左境界線 */
	font-size: 110%;				/* 見出しの文字サイズ */
	line-height: 100%;
	background: #fff;
	color: #000;
}

#faq ul {
	display: block;
	list-style-type: upper-latin;
	margin-bottom: 10px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 10px;
}

#faq li {
/*	list-style-type: none;*/
	display: list-item;
	text-align: -webkit-match-parent;
	margin-left: 20px;
	color: #0000ff;
	font-weight: bold;
}

#faq li span {
	color: #000;
	font-weight: normal;
}


/* 運営会社
---------------------------------------------------------------------------*/
/* --- 見出しエリア --- */
#company .ta_company {
	width: 100%;
	margin-bottom: 15px;
}
#company .ta_company, .ta_company td, .ta_company th {
	border-bottom: 1px solid #939393;		/*テーブルの枠線の幅、線種、色*/
	padding: 6px;				/*ボックス内の余白*/
	font-size: 14px;
	word-break: break-all;
}
/* テーブル１行目に入った見出し部分 */
#company .ta_company th.midashi {
	width: 120px;				/* 幅*/
	text-align: left;			/* 左よせ */
	/*background: #dce6f2;		/* 背景色 */
	color: #000;
	font-weight: normal;
	font-size: 14px;
}
/*左側ボックス*/
#company .ta_company th {
	width: 120px;				/* 幅*/
	text-align: left;			/* センタリング*/
}

/* 里親を迎えた方からの声
---------------------------------------------------------------------------*/
#voice {
	margin-bottom: 5px;
	padding: 0px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 160%;
}
#voice .blkWrap {
	width: 100%;
}

#voice .blkWrap .blkLeft {
	float: left;
	width: 40%;
	margin-right: 10px;
}

#voice .blkWrap .blkRight {
	float: left;
	width: 50%;
}

/* ページャー
---------------------------------------------------------------------------*/
ul.pager {
      margin: 0px;
      font-size:12px;
}
ul.pager li {
      float: left;
      margin-right: 5px;
      border: 1px #3366FF solid;
      font-weight: bold;
}
ul.pager li.prev,
ul.pager li.next {
      border: none;
}
ul.pager li a {
      position: relative;
      display: block;
      padding: 2px 5px;
      color: #3366FF;
}
ul.pager li a:link,
ul.pager li a:visited {
      text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active {
      background-color: #AADDFF;
      text-decoration: none;
}

ul.pager li em {
      display: block;
      padding: 2px 5px;
      background: #3366FF;
      color: #FFFFFF;
}

ul.pager li.active {
      display: block;
      padding: 2px 5px;
      background: #3366FF;
      color: #ffffff;
}

/* サブページのタイトルバー画像
---------------------------------------------------------------------------*/
.imgTitle {
	width: 100%;
	margin: 4px 0;
}

/* 入力欄の注釈
---------------------------------------------------------------------------*/
.guide_msg {
	padding: 2px;
	font-size: 11px;
	color: #808080;
	line-height: 120%;
}

.update_msg {
	background-color: #afafaf;
	text-align:center;
}

/*スマートフォン専用メニュー*/
.spMenu1 {
  display:none;
}

/* --- button Area --- */

.btn_area {
	padding-top: 1em;
}

ul.btn_area li {
	margin-bottom: 1em;
}
ul.btn_area li a,
ul.btn_area li button {
	padding: 0.4em 0.4em 0.4em;
}
ul.btn_area li span {
	font-size: 10px;
	font-size: 1.0rem;
}

ul.btn_area {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
ul.btn_area li.button02 {
	text-align: center;
}
ul.btn_area li.button03 {
	float: left;
	width: 45%;
}
ul.btn_area li.button05 {
	float: right;
	width: 45%;
}
ul.btn_area li.button05Dis {
	float: right;
	width: 45%;
}
ul.btn_area li.bt_left {
	float: left;
}
ul.btn_area li.bt_right {
	float: right;
}

/* --- button Area --- */

.btn_area_1cl {
	padding-top: 1em;
}

ul.btn_area_1cl li {
	margin-bottom: 1em;
}
ul.btn_area_1cl li a,
ul.btn_area_1cl li button {
	padding: 0.4em 0.4em 0.4em;
}
ul.btn_area_1cl li span {
	font-size: 10px;
	font-size: 1.0rem;
}

ul.btn_area_1cl {
	width: 40%;
	margin: 0 auto;
	overflow: hidden;
}
ul.btn_area_1cl li.button02 {
	text-align: center;
}
ul.btn_area_1cl li.button03 {
	float: left;
	width: 45%;
}
ul.btn_area_1cl li.button05 {
	float: right;
	width: 45%;
}
ul.btn_area_1cl li.button05Dis {
	float: right;
	width: 45%;
}
ul.btn_area_1cl li.bt_left {
	float: left;
}
ul.btn_area_1cl li.bt_right {
	float: right;
}

/* */
.button05 {
	background: #f30;
	text-align: center;
	padding: 8px;
}
.button05:hover {background: #F23100;}

.button05 a {
	padding: 0.6em 0 0.6em;
	display: block;
	color: #fff;
}
.button05 button {
	background: none; border: none;
	padding: 0.6em 0 0.6em;
	color: #fff;
	cursor: pointer;
	width: 100%;
}
.button05 a span,
.button05 button span {
	background: url(../img/arrow_r01.png) left center no-repeat;
	background-size: 12px 12px;
	padding-left: 1.2em;
	font-weight: bold;
}

.button05 a:link { text-decoration: none;}
.button05 a:visited { text-decoration: none;}
.button05 a:hover { text-decoration: none;}
.button05 a:active { text-decoration: none;}

/* */
.button05Dis {
	background: #d3d3d3;
	text-align: center;
	padding: 8px;
}

.button05Dis a {
	padding: 0.6em 0 0.6em;
	display: block;
	color: #fff;
}
.button05Dis button {
	background: none; border: none;
	padding: 0.6em 0 0.6em;
	color: #fff;
	width: 100%;
}
.button05Dis a span,
.button05Dis button span {
	background: url(../img/arrow_r01.png) left center no-repeat;
	background-size: 12px 12px;
	padding-left: 1.2em;
	font-weight: bold;
}

.button05Dis a:link { text-decoration: none;}
.button05Dis a:visited { text-decoration: none;}
.button05Dis a:hover { text-decoration: none;}
.button05Dis a:active { text-decoration: none;}

.button03 {
	text-align: center;
	background: #bbb;
	padding: 8px;
}
.button03:hover {background: #aaa;}

.button03 a {
	padding: 0.6em 0 0.5em;
	display: block;
	color: #fff;
}
.button03 a:link { text-decoration: none;}
.button03 a:visited { text-decoration: none;}
.button03 a:hover { text-decoration: none;}
.button03 a:active { text-decoration: none;}

.button03 a span,
.button03 button span {
	background: url(../img/arrow_r01.png) left center no-repeat;
	background-size: 12px 12px;
	padding-left: 1.2em;
	width: 100%;
	font-weight: bold;
}
.button03 button {
	background: none; border: none;
	padding: 0.6em 0 0.5em;
	color: #fff;
	width: 100%;
	cursor: pointer;
}

/* */
.button_conf {
	background: #747474;
	text-align: center;
	padding: 8px;
}
.button_conf:hover {background: #747474;}

.button_conf a {
	padding: 0.6em 0 0.6em;
	display: block;
	color: #fff;
}
.button_conf button {
	background: none; border: none;
	padding: 0.6em 0 0.6em;
	color: #fff;
	cursor: pointer;
	width: 100%;
}
.button_conf a span,
.button_conf button span {
	background: url(../img/arrow_r01.png) left center no-repeat;
	background-size: 12px 12px;
	padding-left: 1.2em;
	font-weight: bold;
}

.button_conf a:link { text-decoration: none;}
.button_conf a:visited { text-decoration: none;}
.button_conf a:hover { text-decoration: none;}
.button_conf a:active { text-decoration: none;}

/* お気に入り解除ボタン */
.favorite_del {
	text-align: center;
	background: #bbb;
	padding: 2px;
	color: #fff;
}
.favorite_del:hover {
	background: #aaa;
	cursor: pointer;
}

.favorite_del a {
	padding: 0.6em 0 0.5em;
	display: block;
	color: #fff;
}
.favorite_del a:link { text-decoration: none;}
.favorite_del a:visited { text-decoration: none;}
.favorite_del a:hover { text-decoration: none;}
.favorite_del a:active { text-decoration: none;}

.favorite_del button {
	background: none; border: none;
	padding: 0.6em 0 0.5em;
	color: #fff;
	width: 100%;
	cursor: pointer;
}
.favorite_del:before {
	position: relative;
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f004";
}


/* お気に入り登録ボタン */
.favorite_add {
	text-align: center;
	background: #f30;
	padding: 2px;
	color: #fff;
}
.favorite_add:hover {
	background: #F23100;
	cursor: pointer;
}

.favorite_add a {
	padding: 0.6em 0 0.5em;
	display: block;
	color: #fff;
}
.favorite_add a:link { text-decoration: none;}
.favorite_add a:visited { text-decoration: none;}
.favorite_add a:hover { text-decoration: none;}
.favorite_add a:active { text-decoration: none;}

.favorite_add button {
	background: none; border: none;
	padding: 0.6em 0 0.5em;
	color: #fff;
	width: 100%;
	cursor: pointer;
}
.favorite_add:before {
	position: relative;
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f004";
}

/* 画像登録ボタン */
.btn_update {
	text-align: center;
	background: #f30;
	padding: 2px;
	color: #fff;
	font-size: 90%;
}
.btn_update:hover {
	background: #F23100;
	cursor: pointer;
}

.btn_update a {
	padding: 0.6em 0 0.5em;
	display: block;
	color: #fff;
}
.btn_update a:link { text-decoration: none;}
.btn_update a:visited { text-decoration: none;}
.btn_update a:hover { text-decoration: none;}
.btn_update a:active { text-decoration: none;}

.btn_update button {
	background: none; border: none;
	padding: 0.6em 0 0.5em;
	color: #fff;
	width: 100%;
	cursor: pointer;
}
.btn_update:before {
	position: relative;
	margin-right: 10px;
	content:"\f030";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#fff;	
}


/* カレンダー */
.calenderMidashiArea {
	background-color: #095679;
	padding: 2px 5px;
	margin-bottom: 5px;
	font-size: 0.8rem;
}
.calenderMidashiArea h2 {
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
	padding: 2px 5px;
}
.calenderMidashiArea p {
	margin-bottom:0;
	text-align: center;
}

.footerCalender {
	font-size: 0.8rem;
}
.footerCalender .table1 {
	margin-bottom:5px;
	background-color:#fff;
	color:#333;
	width:100%;
	table-layout: fixed;
}

.footerCalender .table1 th,.footerCalender .table1 td {
    padding: 0px;
	text-align:center;
}
.footerCalender_bgsun {
	background-color:#fdc2c2;
}
.footerCalender_bgsat {
	background-color:#a2e2f2;
}
.footerCalender_bgweek {
	background-color:#e1e1e1;
}
.footerCalender_sunColor{color:#fdc2c2;}
.footerCalender_satColor{color:#a2e2f2;}
.footerCalender h3{
	font-weight:bold;
	text-align:center;
	font-size:1.0rem;
}


/* ------------------------------------------------------- */
/* max-width:800px tablet Base --------------------------- */
/* スマートフォン */
/* ------------------------------------------------------- */

/* 800pxになったら適応される */

/* 画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:800px) {

/*ヘッダー（サイトロゴとメインメニューが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header .inner {
	width: auto;
	height: 220px;
	margin: 0px 10px;
}
/*トップページのinnner*/
#top header .inner {
/*	background: url(../images/header_bg.png) no-repeat left bottom/50%;*/
}
/*ロゴ画像*/
header #logo {
	position: static;
	margin: 10px auto;
}
/*トップページにおいている食べ物の写真*/
header #mainimg {
	width: 60%;
}

/*メインメニュー（右上のメニュー）
---------------------------------------------------------------------------*/
/*メニューボックス全体への設定*/
#menubar {
	position: static;
	width: 530px;
	margin: 0 auto;
}

/* メインメニュー（ログイン情報エリア）
---------------------------------------------------------------------------*/
/* メニューボックス全体への設定 */
#menubar_member {
	right: 0px;				/*header #innerに対して右から0pxの場所に配置*/
	top: 40px;				/*header #innerに対して上から0pxの場所に配置*/
	padding: 10px 0;
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents .inner {
	width: auto;
	padding: 10px;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	margin: 4px 0;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub {
	display: none;
}

}



/* ------------------------------------------------------- */
/* max-width:570px tablet Base --------------------------- */
/* スマートフォン */
/* ------------------------------------------------------- */

/* 画面幅570px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:570px){

/*ヘッダー（サイトロゴとメインメニューが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header .inner {
	height: auto;
	padding-bottom: 0px;
}
/*トップページのinnner*/
#top header .inner {
	height: auto;
/*	padding-bottom: 80px;*/
	padding-bottom: 10px;
}

/*小さな端末専用メインメニュー
---------------------------------------------------------------------------*/
/*メニューボックス全体への設定*/
#menubar-s {
	display: block;	/*スマホ用メニューを非表示から表示に切り替える*/
	background: #fff;
	background: rgba(255,255,255,0.7);
	padding: 4px 4px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	margin: 10px;
}
#menubar-s li a {
	display: block;
	text-decoration: none;
	width: 100%;
	background: #6cafee padding-box;
	border: 10px solid rgba(108,175,238,0.5);
	color: #fff;	/*文字色*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
}
#menubar-s li a::before {
	content: "→";	/*メニューテキストの左側に入れる文字*/
	padding-right: 10px;	/*メニューテキストと上のやじるし画像との間にあける余白*/
}
/*PC用メニューを非表示にする*/
#menubar {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 0px;		/*上から10pxの場所に配置*/
	right: 10px;	/*右から10pxの場所に配置*/
	width: 30px;	/*幅*/
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	border-top: none;
	border-radius: 0px 0px 4px 4px;	/*角丸のサイズ*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
	background: #fff;	/*背景色*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 2px solid #000;	/*枠線の幅、線種、色*/
	border-radius: 2px;	/*角丸のサイズ*/
	margin-bottom: 7px;	/*バー同士の余白*/
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: #fff url(../images/btn_minus.png) no-repeat right center/34px 34px;	/*背景色とプラスアイコン*/
}
section#new h2.close {
	background: #fff url(../images/btn_plus.png) no-repeat right center/34px 34px;	/*背景色とマイナスアイコン*/
}

}


/* ------------------------------------------------------- */
/* max-width:480px tablet Base --------------------------- */
/* スマートフォン */
/* ------------------------------------------------------- */

/* 画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/* 480pxになったら適応される */

ul.btn_area {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
ul.btn_area li.button03 {
	width: 100%;
}
ul.btn_area li.button05 {
	width: 100%;
}
ul.btn_area li.button05Dis {
	width: 100%;
}

/*ヘッダー（サイトロゴとメインメニューが入ったブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	width: 70%;
	margin: 0 0 0 20px;
}
/*トップページにおいている食べ物の写真*/
header #mainimg {
	position: absolute;
	right: 0px;	
	bottom: 0px;
	width: 50%;
}

/* サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/

/* メニュー全体の設定*/
#sub ul.submenu {
	margin-top: 20px;
	margin-bottom: 10px;		/*メニューブロックの下に空けるスペース*/
}

/*MENUページ
---------------------------------------------------------------------------*/
/*コンパクトタイプのボックス追加設定*/
#main section.list.compact {
	width: 39%;
}
/*コンパクトタイプのh4タグ追加設定*/
#main section.list.compact h4 {
	font-size: 11px;
	background: url(../images/mark1.png) no-repeat left 5px/10px;
	padding-left: 12px;
}
/*ボックス内の段落タグ設定*/
#main section.list p {
	margin-left: 0;
}
/*ボックス内の写真設定*/
#main section.list figure img {
	float: none;
	width: 100% !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*ボックス内のh4タグ設定*/
#main section.list h4 {
	margin-left: 0;
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {
	width: 90%;
}

/* ------------------------------------------------------- */
/* 商品一覧 ---------------------------------------------- */
/* 4つ並び商品リスト ------------------------------------- */
/* ------------------------------------------------------- */
/*4つ並び商品リスト1*/
.itemList1 {
  margin:0 0 10px 0;
}
.itemList1 > li {
  width:99.5%;
  margin-right:0;
  margin-bottom:5px;
  /*padding:6px;*/
  padding:0;
}
.itemList1Inner {
  padding:6px;
}
.itemList1 > li:nth-child(4n) {margin-right:0;}
.itemList1 > li:nth-child(even) {margin-left:0.5%;}
.itemList1 > li:nth-child(odd) {margin-right:0.5%;}

.fsCarouselBox1 .itemList1 > li:nth-child(even) {margin-left:0;}
.fsCarouselBox1 .itemList1 > li:nth-child(odd) {margin-right:0;}

/*ボックス上部アイコンセット*/
.itemList1UpperIcon {
  top:1px;
  right:1px;
}
/*商品番号*/
.itemList1No {
  font-size:0.9em;
}
/*特徴*/
.itemList1Feature li {
  width:30px;
  float:left;
  padding:1px;
}

.itemList1Feature li span {
  font-size:0.7em;
}


/* 運営会社
---------------------------------------------------------------------------*/
/* --- 見出しエリア --- */
#company .ta_company {
	width: auto;
}

#company .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}

#company .ta_company th {
	border-bottom: none;
	display: block;
	width: 100%;
}

#company .ta_company td {
	border-bottom: none;
	display: block;
	width: 100%;
}

#company .ta_company th.midashi {
	background: #dce6f2;		/* 背景色 */
	width: auto;
}

/* お問合せ
---------------------------------------------------------------------------*/
/* --- 見出しエリア --- */
.ta_contact {
	width: 100%;
}

.ta_contact .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}

.ta_contact th {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_contact td {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_contact th.tamidashi {
	width: 96%;
}

/* 会員登録
---------------------------------------------------------------------------*/
/* --- 見出しエリア --- */
.ta_regist {
	width: 100%;
}

.ta_regist .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}

.ta_regist th {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_regist td {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_regist th.tamidashi {
	width: 96%;
}

/* テーブル（ログイン）
---------------------------------------------------------------------------*/
.ta_login {
	width: 100%;
}

.ta_login .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}

.ta_login th {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_login td {
	border-bottom: none;
	display: block;
	width: 96%;
}


/* 検索
---------------------------------------------------------------------------*/
/* --- 見出しエリア --- */
.ta_parent {
	width: 100%;
}

.ta_parent .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}

.ta_parent th {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_parent td {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_parent th.tamidashi {
	width: 96%;
}

/* マイページ（履歴ブロック）
---------------------------------------------------------------------------*/
.historyBlk {
	width: 98%;
	padding: 5px;"
}

.historyLeft {
	width: 50%;
	margin-right: 0;
}

.historyRight {
	width: 100%;
	float: none;
}

/* マイページ（履歴）
---------------------------------------------------------------------------*/
/* --- 見出しエリア --- */
.ta_history {
	width: 100%;
}

.ta_history .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}

.ta_history th {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_history td {
	border-bottom: none;
	display: block;
	width: 96%;
}

.ta_history th.tamidashi {
	width: 96%;
}


/* 里親募集 詳細
---------------------------------------------------------------------------*/
#parentDetail {
	margin-bottom: 5px;
	padding: 10px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}
#parentDetail .blkWrap {
	width: 100%;
}

#parentDetail .blkWrap .blkLeft {
	float: none;
	width: 100%;
}

#parentDetail .blkWrap .blkRight {
	float: none;
	width: 100%;
	margin: 10px 0;
}


/* 里親 お申込みフォーム
---------------------------------------------------------------------------*/
#parentContact {
	margin-bottom: 5px;
	padding: 0px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 200%;
}
#parentContact .blkWrap {
	width: 100%;
}

#parentContact .blkWrap .blkLeft {
	float: none;
	width: 100%;
}

#parentContact .blkWrap .blkRight {
	float: none;
	width: 100%;
	margin: 10px 0;
}


/* 「状況」アイコン
---------------------------------------------------------------------------*/
/* 募集中 */
.flgLooking {
	width: 25%;
}
/* 相談中 */
.flgConsulting {
	width: 25%;
}
/* 里親決定 */
.flgDecision {
	width: 50%;
}

/* マイページ 掲示板
---------------------------------------------------------------------------*/
/* マイページ 掲示板
---------------------------------------------------------------------------*/
#mypageBoard .blkWrap {
	width: 100%;
}

#mypageBoard .blkWrap .blkLeft {
	float: none;
	width: 100%;
	margin-right: 0px;
}

#mypageBoard .blkWrap .blkRight {
	float: none;
	margin: 10px 0;
	width: 60%;
}

/* よくある質問
---------------------------------------------------------------------------*/
/* --- 見出し --- */
#faq .heading h3 {
	font-size: 88%;				/* 見出しの文字サイズ */
}

#faq li span {
	font-size: 85%;				/* 見出しの文字サイズ */
}


/* スマートフォン専用メニュー
---------------------------------------------------------------------------*/
.spMenu1 {
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	overflow:hidden;
	background:#147407;
	z-index:9998;
	width:100%;
}
.spMenu1 ul {
	width:100%;
	display:table;
	table-layout:fixed;
	border-top:1px solid #65ae5c;
	border-bottom:1px solid #65ae5c;
	-moz-box-shadow: 0px 0px 5px #666666;
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
.spMenu1 ul li {
	display:table-cell;
	background:#147407;

}
.spMenu1 a {
	text-decoration:none;
	color:#fff;
	padding:2px;
	display:block;
	margin-top: 5px;
	text-align: center;
}
.spMenu1 a:hover {
	background:#0b5900;
}
.spMenu1 ul li span {
	display:block;
	text-align:center;
	font-size:0.65em;
}
.spMenu1 ul li span[class*="fa"] {
	font-size:1.7em;
}

}