/*浩ＨＰ用*/

body { font-family:sans-serif; width:980px; margin:0 auto;}
p { font-size:16px; line-height: 1.5em;}

/*メインカラム*/
#pageBodyMain { width:400px; margin-left:30px;}
/*サブカラム*/
#pageBodySub { width:400px; margin-top:10px; margin-left:60px;}

 /*回り込みページボディ*/
#pageBody { display:flex; width:980px; margin:0 auto; }
#pageBody:after { content:"";  clear:both; display:block;}

/*ページタイトル・キャッチコピー*/
#siteTitle { font-size:30px; line-height:1.2; margin-bottom:0;}
#catchcopy { font-size:16px; line-height:1.5; margin-top:5px;}
#catchcopy2 {color: #ff4500; font-size:26px;}

/*ページヘッダー*/
#pageHead { width:980px; margin:0 auto; }
#pageHead section ul li { display:flex; flex-flow:row wrap;} 

/*ナビゲーション*/
nav ul, nav li { font-size:14px;line-height:1.429;}
nav ul { display:flex; flex-flow:row wrap; }
.ul-right { justify-content:flex-end; }
.ul-left { justify-content:flex-start;}
nav li { display:block;}

/* navリストのテキストマージン*/
.li-02 { margin:0px 20px; }
.li-01 { margin:0px 10px; }

/*ナビの色を変える*/
nav a { padding:0; text-decoration:none; color:#800000;}
nav a:hover {color:#cccccc;}  

/*リンクテキストの色*/
a:hover { color:#cccccc; }

/*見出し*/
h3 { font-size:20px; 
              color:#ffffff; background-color:#800000; padding:8px 3px;}
 .heading-type1 { font-size:22px; color:#800000; line-height:1.27;}
 .heading-type2 { font-size:18px; color:#800000; line-height:1.333;}
 .heading-type3 { font-size:16px; color:#800000; line-height:1.375;}
 .heading-type4 { font-zize:14px; line-height:1.429;}

/*回り込みの解除とボックスの高さの調整*/
/*セクション*/
section:after { content:" ";  clear:both; display:block; }

/* div */
/*画像の横にテキストを回り込ませる <div>を使った場合の設定*/
#d1 { float:left; width:300;}
#d2 { float:right; width:500; margin-top:50px; margin-left:50px;}
div:after {content:" ";  clear:both; display:block; }

/*画像*/


/*画像imgの左寄せ、右寄せ*/
.img-left{ float:left;}
.img-rigit{ float:right;}
.img-center{ float:center;}

/*ボックスを中央に配置*/
#A{display:flex; justify-content:center; align-items: center;}



/*画像のキャプションを画像サイズに合わせる*/
figure {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
}
figcaption {
    font-size:14px;
    text-align: center;
    padding: 5px;
    background-color: #f8f8f8;
    border-top: 1px solid #ccc;
}
/*以上、画像のキャプションを画像サイズに合わせる*/

/*テキストの右寄せ左寄せ,font*/
.right{ text-align:right;}
.left { text-align:left;}
.center {text-align:center; }

/*文字・テキストの設定*/
.backcolor { color:#ffffff; background-color:#800000; padding:5px;}


/*文字の色を指定*/
.color1{color:#800000;}

/*文字の点滅*/
@keyframes blinking{
    0% {opacity:0;} 100% {opacity:1;} 
}

.blink {animation:blinking 1.5s ease-in-out infinite alternate;
}
/*文字の点滅は以上*/

/*文字にアンダーラインを引く*/
.font-line { text-decoration-line:underline;}

/*文字サイズ*/
.font-s { font-size:14px;}

/*font-styleイタリック*/
.style01 { font-style:italic;}

.line { border-top:solid 3px #800000;}

/*ページフッターに線を引く*/
#pageFoot { border-top:solid 2px #800000;}

/*コピーライト*/
.font01 { font-size:13px; margin-top:5px; text-align:right; }
/*住所表示*/
.font02 { font-size:14px; margin-top:0; margin-bottom:0; text-align:right; }
/*ページの上へ戻る*/
.font-ue { font-size:14px; text-align:right;}

/*リスト*/
ul li { font-size:14px; line-height:1.429;}

/* ulの表示記号の設定*/
/*記号無し*/
.style0 {list-style-type:none;}

/*表（テーブル）*/
table { font-size:14px;line-height:1.429; width:840px;}