/*
******************************

1.基本レイアウト
2.基本リンク
3.ヘッダーエリア
4.メインエリア
5.フッター
6.中ページ共通
0.フロートクリア

******************************/

/* 1.基本レイアウト
=====================================*/

body {
margin:0;
padding:0;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt";
}
img{
vertical-align: bottom;
}
#container {
margin: 0px auto;
width: 100%;
}
#main_container {
width:916px;
margin: 0 auto;
line-height: 1.4em;
text-align: left;
font-size: 100%;
color:#666666;
}
.transparent {
background:url(../../img/share/bg_03.png) repeat-y center 0;
}

#wrap {
margin: 0 auto;
width:900px;
background-color: #fff;
}

#main_area .main_col {font-size: 107%;}

/* 明朝フォント */
.mincho{
  font-family: 'Noto Serif JP', serif;
	}

.pc{
	display: block;
	}
.sp{
	display: none;
	}



/* メイン背景
=====================================*/
html {
background:url(../../img/share/n_bg02.jpg) repeat-x center 0;
}

#header_logo {
width:100%;
background:#F8999D url(../../img/share/n_hed.jpg) no-repeat center 0;
height:71px;
}
#header_logo h1 {
float: left;
display:inline;
padding: 15px 0 0 12px;
}
#header_logo p {
float: left;
display:inline;
padding: 35px 0 0 16px;
}





/* 2.基本リンク
=====================================*/
a{
 overflow:hidden;
}

a:link {
 color:#003366;
 text-decoration:underline;
}

a:visited {
 color:#006699;
 text-decoration:underline;
}

a:hover {
 color:#F8999D;
 text-decoration:underline;
}

a:active {
 color:#FF8800;
 text-decoration:underline;
}

/* 3.ヘッダーエリア
=====================================*/
ul#navi {clear: both;}
ul#navi li {display:inline;}
ul#navi li a {
display:block;
float: left;
height: 58px;
text-indent: -9999px;
background-image: url(../../img/share/menu.png);
}
ul#navi li a.navi_btn01 {
width: 150px;
background-position: 0px 0;
}
ul#navi li a.navi_btn02 {
width: 150px;
background-position: -150px 0;
}
ul#navi li a.navi_btn03 {
width: 150px;
background-position: -300px 0;
}
ul#navi li a.navi_btn04 {
width: 150px;
background-position: -450px 0;
}
ul#navi li a.navi_btn05 {
width: 150px;
background-position: -600px 0;}
ul#navi li a.navi_btn06 {
width: 150px;
background-position: -750px 0;}
ul#navi li a.navi_btn01:hover, ul#navi li a.navi_btn01:focus {
background-position: 0 -59px;}
ul#navi li a.navi_btn02:hover, ul#navi li a.navi_btn02:focus {
background-position: -150px -59px;}
ul#navi li a.navi_btn03:hover, ul#navi li a.navi_btn03:focus {
background-position: -300px -59px;}
ul#navi li a.navi_btn04:hover, ul#navi li a.navi_btn04:focus {
background-position: -450px -59px;}
ul#navi li a.navi_btn05:hover, ul#navi li a.navi_btn05:focus {
background-position: -600px -59px;}
ul#navi li a.navi_btn06:hover, ul#navi li a.navi_btn06:focus {
background-position: -750px -59px;}

/* 4.メインエリア
=====================================*/


#page_path {
width:100%;
width:800px;
margin: 0 auto;
padding: 10px 0;
}
#page_path ul {
padding: 10px 0 5px;
display:block;

float: left;
font-size: 91%;
}
#page_path ul li {
display:inline;
color:#333;
}
#page_path ul li a:link {
color:#990033;
}
#page_path ul li a:visited {
color:#990033;
}
#page_path ul li a:hover{
color: #666;
}
#page_path #sub_navi {
float: right;
padding-top: 10px;
}
#page_path #sub_navi p {
float: left;
}
#page_path #sub_navi p img {
padding-left: 15px;
}

#main_area .main_col {
clear: both;
width:800px;
margin: 0 auto;
padding-top: 20px;
line-height:1.6;
color: #333;
}

#main_area .main_col h2 {
clear: both;
}


#main_area #foot_navi {
clear: both;
float: right;
width:300px;
padding:50px 0px 10px 0;
}
#main_area #foot_navi p {
float: right;
padding-left: 15px;
}


/* 5.フッター
=====================================*/

footer{
  width:100%;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #E2748B;
	padding:50px 50px 30px 50px;
	color:#fff;
  -webkit-text-size-adjust: 100%;
  }
footer a:link{
	color:#fff;
  text-decoration: none;
  transition: 0.2s;
	}
footer a:hover{
	color:#fff;
  opacity: 0.8;
	}
footer a:visited{
	color:#fff;
	}

.footer_top{
  max-width:900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin:0 auto 100px;
	text-align: left;
	}
.footer_top .footer_address{
	padding:0 50px 0 0;
	border-right:1px solid #EFAAAA;
	}
.footer_top .footer_address span.footer_news{
	display: inline-block;
	border: 1px solid #fff;
	padding: 5px 15px;
	margin-top: 10px;
}
.footer_top ul{
	margin:0 0 0 30px;
	}
.footer_top ul li{
	margin:6px 0;
  font-weight: 400;
	}
.footer_top ul li:first-of-type,
.footer_top ul li:last-of-type{
	margin-top:0;
	}

.footer_top ul li.footer_list_head{
  font-weight: 500;
  margin-bottom: 15px;
  }
  .footer_top ul:last-of-type li.footer_list_head:not(li.footer_list_head:first-of-type){
    margin-top:30px;
  }
.footer_top ul li a{
	display: block;
	padding:0 0 0 15px;
	position: relative;
	}
.footer_top ul li a::before{
	content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 9px;
	}


.footer_bottom{
	max-width: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin:auto;
	}
.footer_bottom ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	}
.footer_bottom ul li{
	border-right:1px solid #EFAAAA;
	border-left:1px solid #EFAAAA;
	font-size:12px;
	padding:0 20px;
	}
.footer_bottom ul li:first-of-type{
	border-right:none;
	}
.copyright{
	margin-left:auto;
	font-size:10px;
	}

/* Safari対応 */
  _::-webkit-full-page-media, _:future, :root footer {
    letter-spacing: -0.02em;
  }

/* 0.フロートクリア
=====================================*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height:0;
}
.clearfix {
  min-height: 1px;
}


/* ▼▼▼ 〜768px
=====================================*/
@media screen and (max-width: 768px) {

	.pc{
		display: none;
		}
	.sp{
		display: block;
		}
}