/*  リセット================================================
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}
 ================================================*/


/*================================================
* フローティングバナー
================================================*/
 
a#rc_rightArea {
 width: 87px; /*画像の全体幅*/
 position: fixed;
 top: 100px;
right: 0px;  /*マウスを乗せた時に出てくる幅*/
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
}
a#rc_rightArea:hover{
 right: 0;
}

a#rc_rightArea2 {
 width: 87px; /*画像の全体幅*/
 position: fixed;
 top: 260px;
right: 0px;  /*マウスを乗せた時に出てくる幅*/
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
}
a#rc_rightArea2:hover{
 right: 0;
}
 
/*================================================
 *  一般・共通設定
 ================================================*/
body {
	width:100%;
	margin:0 auto;
	font-size:14px;
	color:#382400;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
}

p{
	margin: 0;
	padding: 0;
}

/*マウスオーバーでリンク付き画像を光らせる*/
a:hover img {
   opacity: 0.5;
}


/*リンクの下ラインを消す*/
a {
text-decoration: none;
color: #d0b485;
}


/*フッター用青文字リンク*/
a.fut:link { color: #00008b; }
a.fut:visited { color: #00008b; }
a.fut:hover { color: #1e90ff; }
a.fut:active { color: #00008b; }


/*メインのボタンリンク*/
a.cp_btn_main {
	display: block;
	margin-top: 60px;
	margin-bottom: 20px;
	width: 240px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #00008b;
	border: 2px solid #00008b;
	border-radius: 3px;
	transition: .4s;
}
a.cp_btn_main:hover {
	background: #00008b;
	color: #fff;
}

/*フッターのボタンリンク*/
a.cp_btn {
	display: block;
	width: 140px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #00008b;
	border: 2px solid #00008b;
	border-radius: 3px;
	transition: .4s;
}
a.cp_btn:hover {
	background: #00008b;
	color: #fff;
}



/*================================================
全体囲い
 ================================================*/
#field{
	width:980px;
	margin: 0 auto;
	background-color:#ffffff;
	border: 0px solid #333333;
}

/*================================================
ヘッダー
 ================================================*/
#header{
	width:980px;
	margin: 0 auto;
	margin-top:30px;	
	background-color:#ffffff;
	border: 0px solid #333333;
}


/*================================================
ヘッダー 横並びメニュー
 ================================================*/

ul {
	list-style-type: none;
	width:980px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 0;
	overflow: hidden;
	background-color: #ffffff;
	border-top: 3px solid #00008b;
/*	border-bottom: 1px solid #333333;*/
	display: table;
}

li {
	float: left;
	display: table-cell;
}

li:last-child {
	border-right: none;
	
}
li a {
	width:139px;
	display: block;
	color: #333333;
	text-align: center;
	padding: 18px 0px 18px 0px;
	text-decoration: none;
	border-bottom: double 3px #ffffff; 

}

/*マウスオーバー：青色ライン*/
li a:hover:not(.active) {
background: linear-gradient(transparent 80%,#00008b 20%);
}


/*================================================
スライドショー
 ================================================*/

.slide {
	width:980px;
	padding: 40px 0px 30px 0px;
	background-color: #ffffff;
	border: 0px solid #ff0000;
}



/*================================================
全体領域
 ================================================*/


#main_field{
  max-width: 980px;
	margin: 0 auto;
}

/*================================================
メイン
 ================================================*/

#main{
	width:100%;
	background-color:#ffffff;
/*	float:right;*/
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:60px;
/*	border: 1px solid #333333;*/
}


p.banner img{
	margin-bottom:10px;
}

/*見出し*/
p.title img{
	margin-top:40px;
	margin-bottom:40px;
}

/*見出し画像だけマウスオーバー半透明非適応にする*/
p.title:hover img {
opacity: 1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=100,FinishOpacity=100);
}


table.banner img{
	margin-bottom:10px;
}

/*このPタグ段落は下マージン80px*/
.mb-80 {
  margin-bottom: 80px !important;
}



/*================================================
フッター
 ================================================*/

#footer{
	width:980px;
	margin: 0 auto;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 0px;
	background-color:#ffffff;
	border: 0px solid #333333;
}



table.footer{
	border-collapse:separate;
	border-spacing:0;
    background: #fff;
    color: #111;
    width: 980px;
    margin: 0px auto 0px;
	border: solid 0px #333;
	border-collapse: separate;  /* 表の線と線の間を空ける */
    border-spacing: 0px 10px;       /* 表の線と線の間の幅 ［左右］ と ［上下］ を指定*/
}


/*
-------インフォメーション---------*/
td.top-he {
    width: 980px;
    text-align:center;
    color: #000000;
    font-weight: bold;
    font-size: 20px;
    padding:10px 0px;
    background: #fff;
   	border-bottom: solid 0px #999;
}

/*
----店舗情報--------------------------*/

/*--左--*/
td.top-left { 
    text-align:left;
    margin: 0px auto 0px;
   margin-right: 20px;
    padding:20px 10px 20px 10px;
    line-height: 150%;
	vertical-align: top;
    font-size: 12px;
    width:300px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
}

/*--真ん中--*/
td.top-center { 
    text-align:left;
    margin: 0px auto 0px;
    padding:20px 10px 20px 10px;
    line-height: 150%;
	vertical-align: top;
    font-size: 12px;
    width:300px;
	border: solid 1px #999;
}

/*--右--*/
td.top-right { 
    text-align:left;
    padding:20px 20px 20px 20px;
    line-height: 150%;
	vertical-align: top;
    font-size:12px;
    width:300px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;

}

/*
-------最下メニュー---------*/
td.top-bottom {
    width: 980px;
    text-align:center;
    color: #333333;
    font-size: 12px;
    padding:10px 0px 5px;
    background: #ffffff;
}

/*最下メニューリンク*/
a.menu:link { color: #333333; }
a.menu:visited { color: #333333; }
a.menu:hover { color: #00008b; }
a.menu:active { color: #333333; }



/*
-------最下注意書き---------*/
td.top-bottom2 {
    width: 980px;
    text-align:center;
    color: #333333;
    font-size: 12px;
    padding:0px;
    background: #ffffff; 
}



/*
-------TOPへ戻る---------*/


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #00008b;
  opacity: 1;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}