@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1000px) {
.top-tl-head {
	padding: 5% 0 0 0;
}
.sp-tl-head {
	padding: 10% 0 0 0;
}
}
@media screen and (max-width: 960px) {
.top-tl-head {
	padding: 4% 0 0 0;
}
.sp-tl-head {
	padding: 11% 0 0 0;
}
}
@media screen and (max-width: 640px) {
.top-tl-head {
	padding: 3% 0 0 0;
}
.sp-tl-head {
	padding: 13% 0 0 0;
}
}

/* スマホナビ */
.sp-nav {
	height: 20px;
    width: 30px;
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 1000;
}
.sp-nav_line{
    background-color: #333;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 100%;
}
.sp-nav-btn {
    height: 68px;
    width: 60px;
	right: 0;
    top: 0;
    position: fixed;
	background-color: #fff;
	z-index: 999;
}
.sp-nav_center{
    top: 9px;
}
.sp-nav_bottom{
    bottom: 0;
}
.sp-nav_top.active{
    top: 8px;
    transform: rotate(45deg);
}
.sp-nav_center.active{
    transform: scaleX(0);
}
.sp-nav_bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
.sp-drawer_nav {
	top: 25px;
	right: -12px;
	width: 40px;
	float: none;
	clear: both;
	position: absolute;
	font-size: 10pt;
	font-family: Tahoma, Geneva, "sans-serif";
	color: #333;
}

/* head-nav */
.sp-head-nav {
	top: 0;
    background-color: #eee;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 998;
}
.sp-head-nav_wrap {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
	overflow-y: scroll;
}
.sp-head-nav_item {
    margin: 40px 0;
}
.sp-head-nav_item a{
    color: #fff;
    font-size: 20pt;
    font-weight: bold;
    padding: 40px;
    text-decoration: none;
    transition: .5s;
}
.sp-head-nav_item a:hover{
    color: #666;
}

@media screen and (max-width: 1000px) {

/* -------------------------------------
*     ヘッダー
* ------------------------------------- */

html {
	scroll-padding-top: 70px;
}
#topview img {
	width: 100%;
	height: auto;
	clear: both;
	float: none;
	margin: 70px auto 0 auto;
	padding: 0;
	z-index: 10;
}
.sp_head {
	width: 100%;
	position: fixed;
	z-index: 20;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #fff;
	background-repeat: repeat-y;
	border-bottom: 1px solid #eee;
}
.sp_navi {
	margin: 0;
	padding: 0;
}
.sp_symbol {
	text-align: center;
}
.sp_navi img,
.sp_symbol img {
	width: 25%;
	height: auto;
}

/*===== CONTENT =====*/

#container{
	margin: 0;
	padding: 100px 0 0 0;
}
.main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.wide_700 {
	width: 100%;
	height: auto;
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0;
}
.wide_800 {
	width: 85%;
	height: auto;
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0;
}
.wide_960r {
	width: 90%;
	height: auto;
	background-color: #f5f5fa;
	background-repeat: no-repeat;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 20px auto;
	padding: 0;
}
.wide_960,
.wide_1080,
.wide_1200 {
	width: 90%;
	height: auto;
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0;
}
.wide_700 img,
.wide_800 img,
.wide_960 img,
.wide_1080 img,
.wide_1200 img,
.tag_wide {
	width: 100%;
	height: auto;
}
.detail_ph {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
}
.news_list_ph,
.detail_list_ph {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.illust {
	width: 30%;
	height: auto;
	clear: both;
	float: none;
	margin: 0 35%;
	padding: 0 0 10px 0;
}
.detail_ph img,
.detail_list_ph img,
.news_list_ph img,
.illust img {
	width: 100%;
	height: auto;
}
#mapsize {
	width: 100%;
	height: 240px;
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0;
}


/* -------------------------------------
*     テキストスタイル
* ------------------------------------- */

.text_st01 {
	width: auto;
	height: auto;
	padding: 10px 0;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16pt;
	line-height: 24pt;
	font-weight: normal;
	letter-spacing: 0pt;
	font-variant-ligatures: none;
}
.text_st02 {
	width: auto;
	height: 35px;
	padding: 10px 0;
	margin: 0 auto 20px auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	font-weight: normal;
	letter-spacing: 0pt;
	font-variant-ligatures: none;
	overflow-y: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text_st03 {
	width: auto;
	height: auto;
	padding: 20px 0;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 15pt;
	font-weight: normal;
	letter-spacing: 0pt;
	font-variant-ligatures: none;
}
.detail_info {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.detail_cp {
	width: 90%;
	margin: 20px auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	font-weight: bold;
	color: #333;
	text-align: left;
	letter-spacing: 1pt;
}
.detail_day {
	margin: 10px auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 20pt;
	font-weight: normal;
	letter-spacing: 0;
}
.detail_text {
	width: 100%;
	margin: 20px auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 20pt;
	font-weight: normal;
	letter-spacing: 0;
	word-break: break-all;
}
.detail_more {
	margin: 5px auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 15pt;
	font-weight: normal;
	color: #333;
	text-align: right;
	letter-spacing: 0;
}
.detail_sub_tl {
	margin: 5px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14pt;
	line-height: 24pt;
	font-weight: normal;
}
.detail_info_text {
	margin: 5px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	font-weight: normal;
	word-break: break-all;
}
.detail_list {
	width: 100%;
	height: auto;
}
.detail_ph {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 20px auto;
}
.detail_ph_list,
.detail_ph_list_small {
	width: 100%;
	height: auto;
	margin: 20px auto;
}
.detail_ph img,
.detail_ph_list img,
.detail_ph_list_small img {
	width: 100%;
	height: auto;
}
.news_info {
	width: 90%;
	height: auto;
	margin: 0 5%;
}
.news_list {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	overflow-y: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news_text {
	margin: 2% 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	font-weight: normal;
	overflow-y: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.days_text {
	margin: 10px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	font-weight: normal;
}
.tx_number {
	float: left;
	height: auto;
	width: 5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.tx_subnumber {
	float: left;
	height: auto;
	width: 7%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	font-weight: normal;
	margin: 0 0 0 3%;
	padding: 0;
}
.tx_guide {
	float: left;
	height: auto;
	width: 95%;
	margin: 0;
	padding: 0;
	color: #333;
}
.tx_subguide {
	float: left;
	height: auto;
	width: 88%;
	margin: 0 0 0 2%;
	padding: 0;
	color: #333;
}
.etc_tl_left {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	font-weight: normal;
	color: #333;
}
.etc_tx_left {
	clear: both;
	float: none;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
.etc_tx_right {
	clear: both;
	float: none;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
}
.read_tx_left {
	clear: both;
	float: none;
	width: 96%;
	height: auto;
	margin: 0;
	padding: 2px 2%;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	font-weight: normal;
}
.read_tx_right {
	clear: both;
	float: none;
	width: 96%;
	height: auto;
	margin: 0;
	padding: 2px 2%;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	font-weight: normal;
}

/* テキストライン */
.tx_line,
.tx_line800,
.tx_line960 {
	width: 100%;
	height: 1px;
	border-top: 2px solid #ccc;
	line-height:0;
	clear: both;
	float: none;
	padding: 0px;
	margin: 0 auto;
}
.tx_line_blue {
	width: 90%;
	height: auto;
	border: 2px solid #0082dc;
	line-height:0;
	clear: both;
	float: none;
	padding: 0;
	margin: 0 auto;
}

/* テキストナビ */
.pan_step {
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 20px 0;
	width: 90%;
}
.pan_text {
	float: left;
	padding: 0 10px 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	font-weight: normal;
	color: #333;
	text-align: left;
	letter-spacing: 0;
}
.more_tx {
	padding: 0 0 40px 0;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 20pt;
	font-weight: normal;
	color: #333;
	text-align: center;
	letter-spacing: 0;
}
.detail_text a:link, .detail_more a:link, .tx_list_tl a:link, .more_tx a:link, .pan_text a:link,
.detail_text a:visited, .detail_more a:visited, .tx_list_tl a:visited, .more_tx a:visited, .pan_text a:visited {
	color: #333;
	text-decoration: underline;
}
.detail_text a:hover, .detail_more a:hover, .tx_list_tl a:hover, .more_tx a:hover, .pan_text a:hover {
	color: #ccc;
	text-decoration: none;
}
.detail_text a:active, .detail_more a:active, .tx_list_tl a:hover, .more_tx a:active, .pan_text a:active {
	color: #999;
	text-decoration: none;
}


/* -------------------------------------
*     テキスト一覧
* ------------------------------------- */

.tx_list {
	clear: both;
	float: none;
	height: auto;
	width: auto;
	margin: 0 auto;
	padding: 10px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 12pt;
	line-height: 18pt;
	color: #333;
}
.tx_list_tl {
	float: left;
	height: auto;
	width: 68%;
	margin: 0 auto;
	padding: 15px 2% 15px 0;
	text-align: left;
}
.tx_list_day {
	float: left;
	height: auto;
	width: 28%;
	margin: 0 auto;
	padding: 15px 0 15px 2%;
	text-align: left;
}
.tx_list_line {
	clear: both;
	float: none;
	width: auto;
	height: 1px;
	padding: 0px;
	margin: 0 auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #eee;
	line-height:0;
}
.tx_line01 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.tx_line02 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.tx_line03 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.tx_line04 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.tx_line05 {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

/* -------------------------------------
*     タイトル
* ------------------------------------- */

.title_tx {
	height: auto;
	width: auto;
	margin: 0 auto;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 16pt;
	line-height: 24pt;
	text-align: center;
	letter-spacing: 1pt;
	font-weight: bold;
}
.title_tx_blue {
	height: auto;
	width: auto;
	margin: 0 auto;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 16pt;
	line-height: 24pt;
	text-align: center;
	color: #0082dc;
	letter-spacing: 1pt;
	font-weight: bold;
}
.tl_wide_bk {
	clear: both;
	float: none;
	height: auto;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 16pt;
	line-height: 24pt;
	text-align: center;
	letter-spacing: 1pt;
	font-weight: bold;
	color: #fff;
	background-color: #333;
	background-repeat: no-repeat;
}
.tl_wide_blue {
	clear: both;
	float: none;
	height: 100px;
	width: 100%;
	margin: 0 auto;
	background-color: #0082dc;
	background-repeat: repeat;
}
.tl_image {
	height: auto;
	width: 50%;
	margin: 0 auto;
	padding: 15px 0;
}
.tl_image_l {
	height: auto;
	width: 320px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.tl_image img,
.tl_image_l img {
	width: 100%;
}
.subtitle {
	height: auto;
	width: auto;
	margin: 0 auto;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 14pt;
	line-height: 22pt;
	text-align: center;
	letter-spacing: 1pt;
	font-weight: bold;
}
.tl_message {
	height: auto;
	width: 90%;
	padding: 20px 5%;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size: 12pt;
	line-height: 20pt;
	color: #333;
	letter-spacing: 0;
}
.sub_message {
	height: auto;
	width: auto;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 20pt;
	color: #333;
	text-align: left;
	letter-spacing: 0;
}
.title_icon {
	height: auto;
	width: 20%;
	margin: 20px auto;
}
.title_icon img {
	height: auto;
	width: 100%;
}

/* -------------------------------------
*     テーブルレイアウト
* ------------------------------------- */

.info_title {
	background-color: #ddd;
}
.info_spec {
	background-color: #fff;
}
.info_space {
	font-size: 12pt;
	line-height: 18pt;
	padding: 10px 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: normal;
	border: #ccc solid 1px;
}


/* -------------------------------------
*     バナー / ナビ
* ------------------------------------- */

.mv_bnr {
	clear: both;
	float: none;
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    justify-content: start;
    align-items: top;
}
.thumb_bnr05,
.thumb_bnr04 {
	float: left;
	height: auto;
	width: 48%;
	margin : 1%;
	padding: 0;
}
.thumb_bnr03,
.thumb_bnr02 {
	float: left;
	height: auto;
	width: 98%;
	margin : 0 1%;
	padding: 0;
}
.thumb_bnr05 img,
.thumb_bnr04 img,
.thumb_bnr03 img,
.thumb_bnr02 img {
	height: auto;
	width: 100%;
}
.mv_thumb img {
	height: 320px;
	width: 100%;
	object-fit: cover;
}
.mv_thumb_top img {
	height: 160px;
	width: 100%;
	object-fit: cover;
}
.update_bt {
	clear: both;
	float: none;
	height: auto;
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
.update_bt img {
	height: auto;
	width: 100%;
}
.thumb_bnr a:hover,
.update_bt a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.page_btn {
	clear: both;
	float: none;
	width: 50%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.slide_bnr img,
.page_btn img {
	height: auto;
	width: 100%;
	margin: 10px auto;
}

/* -------------------------------------
*     キーワード検索
* ------------------------------------- */

@media screen and (max-width: 1000px) {
.search_box {
	float: none;
	clear: both;
	height: auto;
	width: 92%;
	padding: 0;
	margin: 0 4%;
}
.search_btn {
	float: left;
	height: 42px;
	width: auto;
	padding: 0px;
	margin: 0px;
}
.search_btn img {
	height: auto;
	width: 100%;
}
.search_input {
	float: left;
	width: 60%;
	height: 20px;
	padding: 10px 5%;
	background-color: #fff;
	border: 1px solid #0082dc;
	font-size: 10pt;
	line-height: 15pt;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #666;
}
.number {
	width: auto;
	height: auto;
	clear: both;
	float: none;
	padding: 0 0 5% 0;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	line-height: 15pt;
	font-weight: normal;
	color: #666;
	text-align: center;
	letter-spacing: 0pt;
}
.r_number {
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20pt;
	line-height: 30pt;
	font-weight: bold;
	color: #dc0028;
	letter-spacing: 2pt;
}
}

/* -------------------------------------
*     ソーシャル
* ------------------------------------- */

.social_bt {
	float: none;
	clear: both;
	width: 150px;
	height: auto;
	margin: 0 auto;
	padding: 50px 0;
}
.sns_icon {
	float: left;
	width: 30px;
	height: auto;
	margin: 0 10px;
	padding: 0;
}
.sns_icon img {
	width: 30px;
	height: auto;
}
.social_bt-flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 30px;
	padding: 50px 0;
}

/* ページトップへ */
.pagetop {
	width: 12%;
	height: auto;
	display: none;
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index: 10;
}
.pagetop img {
	width: 100%;
	height: auto;
}

/* wp-pager----------------------------- */

.wp-pagenavi {
	clear: both;
	text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	margin: 0 auto;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #333;
	background-color: #fff;
	border: solid 1px #fff;
	padding: 7px 14px;
	margin: 3px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color: #fff;
	background-color: #999;
	border-color: #999;
}
.wp-pagenavi span.current{
	color: #fff;
	background-color: #000;
    border-color: #000;
	font-weight: normal;
}

/* -------------------------------------
*     フッター（コピーライト）
* ------------------------------------- */

.footer-nav {
    padding: 0;
    margin: 0;
}
.footer-nav-item {
    border-top: solid 1px #ccc;
    list-style: none;
}
.footer-nav-item a {
    display: table;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 15px 25px;
}
.footer-nav-item a span {
    display: table-cell;
    vertical-align: middle;
}
.footer-nav-item-text {
    width: 80%;
    height: auto;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12pt;
    line-height: 18pt;
    font-weight: normal;
    color: #333;
}
.footer-nav-item a span:link,
.footer-nav-item a span:visited {
	color: #333;
	text-decoration: none;
}
.footer-nav-item a span:hover {
	color: #0082dc;
}
.footer-nav-item a span:active {
	color: #999;
	text-decoration: none;
}
.footer-nav-item-icon {
  	width: 10%;
  	height: auto;
  	text-align: right;
}
.footer-nav-item-icon .icon {
  	width: 15px;
}
.footer-nav-item-icon img {
	 height: auto;
	 vertical-align: middle;
}
.ft_logo {
	clear: both;
	float: none;
	width: 40%;
	height: auto;
	margin: 0 auto;
	padding: 15px 30%;
	background-color: #f5f5fa;
	background-repeat: repeat-x;
}
.ft_logo img {
	width: 100%;
	height: auto;
}
.ft_copy {
	clear: both;
	float: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-size: 8pt;
	line-height: 12pt;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing: 0pt;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #0082dc;
	background-repeat: repeat-x;
}
}