@charset "UTF-8";
/*～～～～～～～～～～～～～～～～～～～～
 □  @   ＠ルール（全体の設定） 
 □  *{  全称セレクタ（すべての要素に適用）
 □  .{  classセレクタ（クラス名の要素に適用）
 □  #{  idセレクタ（id属性を持つ要素にひとつだけ適用）
 □  margin: padding: ㊤ ㊨ ㊦ ㊧
 ～～～～～～～～～～～～～～～～～～～～*/
/*=== CSSリセット ===*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*◆ 全般設定 ◆*/
html {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
html *{
	box-sizing: border-box;
}
body {
	background-color: white;
}
header {
	width: 100%;
	position: relative;
}
main {
	width:100%;
}
.wrapper {
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;
/*	padding-left: 4px;*/
/*	padding-right: 4px;*/
}
p {
	font-size: 8px;
/*	line-height: 1.5;*/
}
img {
	vertical-align:bottom;
}
.clear {
	clear:both;
}
/*◆ Linkポイント挙動 ◆*/
/* アンダーライン消去 */
a {text-decoration: none; } 
/* 未訪問のリンク */
a:link { color: blue; }
/* 訪問済みのリンク */
a:visited { color: midnightblue; }
/* ポイント時のリンク */
a:hover { color: tomato; }
/* 選択中のリンク */
a:active { color: hotpink; }

/*◆ 既定文字 h1～h6 ◆*/
/*☆タイトル☆*/
h1 {
  font-size: 14px;
/*  font-weight:600;*/
  color: black;
  background:#d8a373;/*伽羅色*/
  height: 20px;
  letter-spacing: 1px;
  margin: 12px 0 3px 0;
  padding: 4px 0 0 6px;
  text-align: left;
}
/*☆サブタイトル☆*/
h2 {
  font-size: 13px;
  color: maroon;
  height: 16px;
  background:  blanchedalmond;
  letter-spacing: 0;
  margin-top: 6px;
  margin-bottom: 2px;
  padding: 4px 0 0 4px;
}
/*☆ 本 文 ☆*/
h3 {
  font-size: 13px;
  color: navy;
  line-height:1.5;
  text-align: left;
  padding: 0 4px 0 6px;
/*  border: 1px dotted cyan;*/
/*  font-weight: ;*/
}
/*☆補助文_濃茶色☆*/
h4 {
  font-size: 12px;
  color: saddlebrown;
/*  line-height: 1.3;*/
}
/*☆写真下説明文☆*/
h5 {
  font-size: 11px;
  color: steelblue;
  padding: 2px 30px 4px 36px;
  line-height: 1.2;
}
/*☆補助文☆*/
h6 {
  font-size: 12px;
  color: midnightblue;
  line-height: 0.9;
}
/*★アンダーライン文字★*/
.under {
  text-decoration: underline;
  color: deeppink;
}
/*★蛍光色アンダーライン★*/
.k-under {
  background: linear-gradient(transparent 60%, skyblue 60%);
}
/*★リンク名表示★*/
.d-link {
  font-size: 1em;
  color: blue;
  background: linear-gradient(transparent 40%, lightcyan 40%);
}

/*◆ 中央・左・右寄せ ◆*/
/*☆中央寄せ☆*/
.imgC {
	clear: both;
	overflow: hidden;
	text-align: center;
/*	border: 2px dotted skyblue;*/
}
/*☆左寄せ☆*/
.imgL {
	clear: both;
	float: left; /* 画像を左に */
	margin-right: 8px;
}
/*☆右寄せ☆*/
.imgR {
  clear: both;
  float: right; /* 画像を右に */
  margin-left: 8px;
  overflow: hidden;
}

/*◆ naviHz（横固定メニュー）◆*/
.navHz {
  position: fixed;
  width: 340px;
  background: #783c1d;/*唐茶*/
  font-size:10px;
  padding: 8px 4px 2px 4px;
  top:0;
  z-index:10;
}
.navHz ul {
  position: relative;
  float: left;
  left: 50%;
  margin:0;
}
.navHz li {
  position:relative;
  left:-50%;
  float:left;
  list-style:none;
  padding: 2px 19px 0 0;
}
.navHz li a {
  color: white;
  text-decoration: none;
}
.navHz li a:hover {
  color: black;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
  background: mistyrose;
}

/*★★ EoF ★★*/