/*---基本設定------------------------------------------*/
/* margin padding の初期化　*/
* {
margin:0;/*すべてのマージンを初期化*/
padding:0;/*すべての余白を初期化*/
}
/* リンク設定　*/
a {
color: #000066;/*リンク文字色*/
}
/* リンクマウスオーバー時設定　*/
a:hover {
color:#006633;/*マウスオーバー文字色*/
text-decoration:none;/*アンダーラインなし*/
}
/* フォント設定基本　*/
body {
color:#444444;/*文字色*/
font-family: Arial;/*フォントの種類*/
font-size:12px;/*文字の大きさ*/
line-height:1.5em;/*行間(1em=1文字の幅)*/
}

/*---------------------------------------------*/

/* ページ設定　*/
#Page {
width:760px;/*横幅*/
text-align:justify;/*両揃え*/
border:1px solid #000066;/*ライン上下左右*/
margin:0 auto;/*マージン・上下・左右(ページのセンタリング)*/
}


/*---------------------------------------------*/
/* ページ設定　*/
#Wrapper {
padding-top:1em;/*余白・ヘッダーとコンテンツの間*/
}
/* ヘッダー設定　*/
#Header {
/*背景色・背景画像URL・くり返しなし・上下位置・左右位置(画像のサイズは760x393)*/
background:#abd0ee url(../img/header.jpg) no-repeat top center;
height:393px;/*高さ*/
border-bottom:5px solid #000066;/*下ライン*/
}
/* サイト名設定　*/
h1 {
font-size:24px;/*フォントサイズ*/
font-weight:bold;/*太字*/
padding:30px 0 0 50px;/*余白*/
}

/* メニュー設定　*/
#Menu {
float:left;/*段組用設定*/
width:150px;/*メニュー幅*/
text-align:left;/*左寄せ*/
}
#Menu a {
display:block;/**/
background:#ffffff;/*背景色*/
border-bottom:3px dotted #000066;/*下ライン*/
border-left:5px solid #000066;/*左ライン*/
line-height:2em;/*行高*/
padding-left:0.5em;/*左余白*/
}
/* メニュー設定（マウスオーバー時）　*/
#Menu a:hover {
background:#efefef;/*背景色*/
border-bottom:1px dotted #74a4d6;/*下ライン*/
border-left:5px solid #74a4d6;/*左ライン*/
line-height:2em;/*行高*/
padding-left:0.5em;/*左余白*/
}



/* コンテンツ設定　*/
#Contents {
width:560px;/*本文幅*/
margin-right:1em;/*マージン右*/
margin-left:160px;/*マージン左*/
padding-left:0.5em;/*余白左*/
padding-bottom:3em;/*余白下*/
border-left:1px solid #444444;/*左ライン*/
}

/* みだし設定　*/
h2 {
background:#ffffff;/*背景色*/
font-size:12px;/*フォントサイズ*/
line-height:1.5em;/*行高*/
border-right:1px solid #000066;/*ライン右*/
border-bottom:5px solid #000066;/*ライン下*/
border-left:1px solid #000066;/*ライン左*/
border-top:1px solid #000066;/*ライン上*/
margin-bottom:1em;/*マージン下*/
padding-left:1em;/*余白左*/
}
h3 {
font-size:12px;/*フォントサイズ*/
border-left:5px solid #000066;/*左ライン*/
margin:0.5em 0 0.5em 0.5em;/*マージン上右下左*/
padding-left:0.5em;/*余白左*/
}
h4 {
background:url(../img/icon.gif) no-repeat 0% 50%;/*アイコン*/
font-size:12px;/*フォントサイズ*/
margin:0.5em 0 0 2em;/*マージン上右下左*/
padding-left:1.5em;/*余白左*/
}
h5 {
background:url(../img/icon2.gif) no-repeat 0% 50%;/*アイコン*/
font-size:12px;/*フォントサイズ*/
margin:0.5em 0 0 4em;/*マージン上右下左*/
padding-left:1em;/*余白左*/
}

/* 本文設定　*/
p {
padding-left:4em;/*余白左*/
}

/* ☆印によるレーティング　*/
.star{
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  color: ;
}
.star:before{
  font-weight: 900;
}
.star:after{
  font-weight: 400;
}

.star[data-rate="0.0"]:before{ content: ""; }
.star[data-rate="0.5"]:before{ content: "\f5c0"; }
.star[data-rate="1.0"]:before{ content: "\f005"; }
.star[data-rate="1.5"]:before{ content: "\f005\f5c0"; }
.star[data-rate="2.0"]:before{ content: "\f005\f005"; }
.star[data-rate="2.5"]:before{ content: "\f005\f005\f5c0"; }
.star[data-rate="3.0"]:before{ content: "\f005\f005\f005"; }
.star[data-rate="3.5"]:before{ content: "\f005\f005\f005\f5c0"; }
.star[data-rate="4.0"]:before{ content: "\f005\f005\f005\f005"; }
.star[data-rate="4.5"]:before{ content: "\f005\f005\f005\f005\f5c0"; }
.star[data-rate="5.0"]:before{ content: "\f005\f005\f005\f005\f005"; }

.star[data-rate="0.0"]:after{ content: "\f005\f005\f005\f005\f005"; }
.star[data-rate="0.5"]:after{ content: "\f005\f005\f005\f005"; }
.star[data-rate="1.0"]:after{ content: "\f005\f005\f005\f005"; }
.star[data-rate="1.5"]:after{ content: "\f005\f005\f005"; }
.star[data-rate="2.0"]:after{ content: "\f005\f005\f005"; }
.star[data-rate="2.5"]:after{ content: "\f005\f005"; }
.star[data-rate="3.0"]:after{ content: "\f005\f005"; }
.star[data-rate="3.5"]:after{ content: "\f005"; }
.star[data-rate="4.0"]:after{ content: "\f005"; }
.star[data-rate="4.5"]:after{ content: ""; }
.star[data-rate="5.0"]:after{ content: ""; }


/* リスト設定　*/
ul {
list-style-position:outside;/*リストマーク外出し*/
list-style-type: disc;/*リストマーク・ドット*/
margin:0.5em 0 0.5em 6em;/*マージン上右下左*/
}

/* フッター設定　*/
address {
clear:both;/*回り込みクリア*/
background:#444444;/*背景色*/
color:#fff;/*文字色*/
font-style:normal;/*文字装飾*/
font-weight:normal;/*文字太さ*/
text-align:center;/*センタリング*/
line-height:2em;/*行の高さ*/
}