@charset "utf-8";
/*
Theme Name: ozehinoemata
Theme URI:
Description: ozehinoemata
Version: 1.0
Author:
Author URI:
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html{
	font-size: 62.5%;
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
}
body, div, figure, applet, object,figure, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 1.6rem;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
}

span{
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
}

:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
img{
	vertical-align: bottom;
	height: auto;
	max-width: 100%;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	margin: 0;
	padding: 0;
	color: #777;
	line-height: 1.7;
	font-size: 1.6rem;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align: justify;
	background-color: #ffffff;
	position: relative;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}
p, li, dt, dd, table {
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	font-size: 1.6rem;
	line-height: 1.8;
}
/* link
------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background-color: transparent;
	color: #585757;
}
a:hover, a:active {
	outline: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

a:hover img, a:active img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* ==========================================================================
   Utilities
   ========================================================================== */
.text8 {
	font-size: 0.8rem !important;
}
.text9 {
	font-size: 0.9rem !important;
}
.text10 {
	font-size: 1rem !important;
}
.text11 {
	font-size: 1.1rem !important;
}
.text12 {
	font-size: 1.2rem !important;
}
.text13 {
	font-size: 1.3rem !important;
}
.text14 {
	font-size: 1.4rem !important;
}
.text15 {
	font-size: 1.4rem !important;
}
.text16 {
	font-size: 1.6rem !important;
}
.text17 {
	font-size: 1.7rem !important;
}
.text18 {
	font-size: 1.8rem !important;
}
.text19 {
	font-size: 1.9rem !important;
}
.text20 {
	font-size: 2rem !important;
}
.text21 {
	font-size: 2.1rem !important;
}
.text22 {
	font-size: 2.2rem !important;
}
.text23 {
	font-size: 2.3rem !important;
}
.text24 {
	font-size: 2.4rem !important;
}
.text25 {
	font-size: 2.5rem !important;
}
.text26 {
	font-size: 2.6rem !important;
}
.text27 {
	font-size: 2.7rem !important;
}
.text28 {
	font-size: 2.8rem !important;
}
.text29 {
	font-size: 2.9rem !important;
}
.text30 {
	font-size: 3rem !important;
}
/* margin
   -------------------------------------------------------------------------- */
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb65 {
	margin-bottom: 65px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
@media screen and (max-width: 480px) {
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 3px !important;
}
.mb10 {
	margin-bottom: 5px !important;
}
.mb15 {
	margin-bottom: 8px !important;
}
.mb20 {
	margin-bottom: 10px !important;
}
.mb25 {
	margin-bottom: 13px !important;
}
.mb30 {
	margin-bottom: 15px !important;
}
.mb35 {
	margin-bottom: 18px !important;
}
.mb40 {
	margin-bottom: 20px !important;
}
.mb45 {
	margin-bottom: 23px !important;
}
.mb50 {
	margin-bottom: 25px !important;
}
.mb55 {
	margin-bottom: 28px !important;
}
.mb60 {
	margin-bottom: 30px !important;
}
.mb65 {
	margin-bottom: 33px !important;
}
.mb70 {
	margin-bottom: 35px !important;
}
.mb75 {
	margin-bottom: 38px !important;
}
.mb80 {
	margin-bottom: 40px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 3px !important;
}
.ml10 {
	margin-left: 5px !important;
}
.ml15 {
	margin-left: 8px !important;
}
.ml20 {
	margin-left: 10px !important;
}
.ml25 {
	margin-left: 13px !important;
}
.ml30 {
	margin-left: 15px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 3px !important;
}
.mr10 {
	margin-right: 5px !important;
}
.mr15 {
	margin-right: 8px !important;
}
.mr20 {
	margin-right: 10px !important;
}
.mr25 {
	margin-right: 13px !important;
}
.mr30 {
	margin-right: 15px !important;
}
}
/* padding
   -------------------------------------------------------------------------- */
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
@media screen and (max-width: 480px) {
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 3px !important;
}
.pt10 {
	padding-top: 5px !important;
}
.pt15 {
	padding-top: 8px !important;
}
.pt20 {
	padding-top: 10px !important;
}
.pt25 {
	padding-top: 13px !important;
}
.pt30 {
	padding-top: 15px !important;
}
.pt35 {
	padding-top: 18px !important;
}
.pt40 {
	padding-top: 20px !important;
}
.pt45 {
	padding-top: 23px !important;
}
.pt50 {
	padding-top: 25px !important;
}
}
/* align
   -------------------------------------------------------------------------- */
.ta-l {
	text-align: left!important;
}
.ta-r {
	text-align: right!important;
}
.ta-c {
	text-align: center!important;
}
/* float
   -------------------------------------------------------------------------- */
.fl {
	float: left;
}
.fr {
	float: right;
}
.fl-img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fr-img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.clear{
	clear: both;
}
/* clearfix
------------------------------------------------------------*/
.cf::after
{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.cf
{
	display:inline-block;
}
/* exlude MacIE5 \*/
* html .cf
{
	height:1%;
}
.cf
{
	display:block;
}
/* end MacIE5 */

.cf + *
{
	clear: both;
}
/* 表示非表示切り替え／
---------------------------------*/
/* PC表示 */
.sp{
	display: none !important;
}
.pc{
	display: block !important;
}
/* スマホ表示 */
@media all and (max-width: 768px) {
.sp{
	display: block !important;
}
.pc{
	display: none !important;
}
}

/* font color
---------------------------------- */

.f-red{
	color: #a5162d;
}

.f-blue{
	color: #1f548b;
}

.f-yell{
	color: #d79d25;
}


/* font weight
---------------------------------- */

.fw{
	font-weight: bold;
}

.serif{
	font-family: "Hiragino Mincho ProN",Georgia,游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
}

/* wrapper
----------------------------------- */

div#wrapper{
	width: 100%;
	height: 100%;
	position: relative;
}

/* menu_wrp
----------------------------------- */

div.menu_wrp{
	width: 100%;
	background-color: #fefbf3;
	padding: 30px 0;
	text-align: center;
	position: relative;
}

div.menu_wrp a.close{
	display: block;
	width: 112px;
	padding: 10px 5px;
	background-color: #75020a;
	color: #fff;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 40px;
	text-align: center;
}

@media all and (max-width: 1400px) {
	div.menu_wrp a.close{
		right: 0;
		width: 90px;
	}
}

div.menu_wrp,
div.menu_wrp a{
	color: #585756;
}

div.menu_wrp h3{
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: 15px;
	font-size: 2.2rem;
}

div.menu_wrp h3:before {
	border-top: 1px solid #585756;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

div.menu_wrp h3 span {
	background-color: #fefbf3;
	display: inline-block;
	padding: 0 10px; /*ラインとテキストの間を調整*/
	position: relative; /*水平ラインが突き抜けないように*/
}

div.menu_sitemap{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto 20px;
	font-size: 0;
}
div.menu_info{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	font-size: 0;
}

div.menu_sitemap ul{
	width: 100%;
	font-size: 0;
	margin: 0;
}

div.menu_sitemap ul li{
	width: calc(100% / 6);
	display: inline-block;
	text-align: center;
}

div.menu_info ul{
	width: calc(100% / 6);
	display: inline-block;
	vertical-align: top;
}

div.menu_info ul li{
	text-align: center;
}

div.menu_info ul li a{
	font-size: 1.4rem;
}

div.menu_info ul li.icon a{
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 120px;
	padding-top: 50px;
	font-size: 2rem;
}

div.menu_info ul li.icon_oze a{
	background-image: url('img/common/icon_07.png');
}

div.menu_info ul li.icon_see a{
	background-image: url('img/common/icon_01.png');
}

div.menu_info ul li.icon_joy a{
	background-image: url('img/common/icon_02.png');
}

div.menu_info ul li.icon_eat a{
	background-image: url('img/common/icon_03.png');
}

div.menu_info ul li.icon_stay a{
	background-image: url('img/common/icon_04.png');
}

div.menu_info ul li.icon_access a{
	background-image: url('img/common/icon_06.png');
}

@media all and (max-width: 1200px) {

	div.menu_sitemap ul li a{
		font-size: 1.2rem;
	}

	div.menu_info ul li a{
		font-size: 1.2rem;
	}

	div.menu_info ul li.icon a{
		display: block;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center 0;
		background-size: 120px;
		padding-top: 50px;
		font-size: 1.6rem;
	}

}

/* header
----------------------------------- */

header#header{
	width: 100%;
	min-height: 331px;
	margin: 0;
	background-color: rgba(1,53,50,1);
	background-image: url('img/common/header_bg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 0;
	position: relative;
}

header#header div.sns_area{
	position: absolute;
	top: 5px;
	right: 165px;
	font-size: 0;
}

header#header div.sns_area a{
	text-indent: -9999px;
	display: inline-block;
	width: 55px;
	height: 55px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

header#header div.sns_area a:nth-of-type(1){
	background-image: url('img/common/hd_mail.png');
}

header#header div.sns_area a:nth-of-type(2){
	background-image: url('img/common/hd_facebook.png');
}

header#header div.sns_area a:nth-of-type(3){
	background-image: url('img/common/hd_youtube.png');
}

header#header div.sns_area a:nth-of-type(4){
	background-image: url('img/common/hd_insta.png');
}

header#header a.open{
	display: block;
	width: 112px;
	padding: 10px 5px;
	background-color: #a41215;
	color: #fff;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 40px;
	text-align: center;
}

header#header a.active{
	display: none!important;
}

@media all and (max-width: 1400px) {
	header#header div.sns_area{
		position: absolute;
		top: 0;
		right: 105px;
		font-size: 0;
	}
	header#header a.open{
		width: 90px;
		right: 0;
	}
}

@media all and (max-width: 768px) {
	header#header{
		width: 100%;
		min-height: 160px;
		margin: 0;
		background-color: #fffbf4;
		background-image: none;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: right 0 bottom 0;
		position: relative;
	}

	header#header div.sns_area{
		position: absolute;
		top: 10px;
		right: 70px;
		font-size: 0;
	}

	header#header div.sns_area a{
		width: 45px;
		height: 45px;
		margin-right: 5px;
		background-repeat: no-repeat;
		background-size: 40px 40px;
	}

	header#header div.sns_area a:nth-of-type(2){
		display: none;
	}

	header#header div.sns_area a:nth-of-type(3){
		display: none;
	}
}

@media all and (max-width: 520px){
	header#header{
		width: 100%;
		min-height: 100px;
		margin: 0;
		background-color: #fffbf4;
		background-image: none;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: right 0 bottom 0;
		position: relative;
	}

	header#header div.sns_area{
		position: absolute;
		top: 10px;
		right: 60px;
		font-size: 0;
	}
}

header#header div.inner{
	max-width: 1200px;
	width: 100%;
	margin: auto;
	text-align: center;
}

header#header div.inner img{
	width: 231px;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
}

header#header div.inner > ul{
	width: 100%;
	padding: 180px 0 30px;
	font-size: 0;
}

header#header div.inner > ul > li{
	width: calc(100% / 7);
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	border-left: 1px solid #fff;
	position: relative;
	margin-right: -1px;
}

header#header div.inner > ul > li:last-child{
	border-right: 1px solid #fff;
}

header#header div.inner > ul > li > a{
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 120px;
	padding-top: 49px;
	font-size: 1.7rem;
	color: #fff;
	letter-spacing: 1.5px;
}

header#header div.inner > ul > li.icon_home > a{
	background-image: url('img/common/icon_hd_06.png');
}

header#header div.inner > ul > li.icon_oze > a{
	background-image: url('img/common/icon_hd_07.png');
}

header#header div.inner > ul > li.icon_see > a{
	background-image: url('img/common/icon_hd_01.png');
}

header#header div.inner > ul > li.icon_joy > a{
	background-image: url('img/common/icon_hd_02.png');
}

header#header div.inner > ul > li.icon_eat > a{
	background-image: url('img/common/icon_hd_03.png');
}

header#header div.inner > ul > li.icon_stay > a{
	background-image: url('img/common/icon_hd_04.png');
}

header#header div.inner > ul > li.icon_access > a{
	background-image: url('img/common/icon_hd_05.png');
}

@media all and (max-width: 1200px) {

	header#header div.inner > ul > li:nth-of-type(1){
	border-left: none;
	}

	header#header div.inner > ul > li:last-child{
	border-right: none;
	}

	header#header div.inner > ul > li > a{
		background-size: 90px;
		padding-top: 35px;
		font-size: 1.4rem;
		color: #fff;
		letter-spacing: normal;
	}
}

@media all and (max-width: 768px){

	header#header div.inner img{
		width: 90%;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin: auto;
	}

	header#header div.inner > ul{
		padding: 200px 0 10px;
	}

	header#header div.inner > ul > li{
		width: calc(100% / 5);
	}
	header#header div.inner > ul > li:nth-of-type(1){
		border-left: none;
		display: none;
	}
	header#header div.inner > ul > li:nth-of-type(2){
		border-left: none;
	}
}

@media all and (max-width: 520px){
	header#header div.inner img{
		width: 90%;
		position: absolute;
		top: 60%;
		left: 0;
		right: 0;
		margin: auto;
	}

	header#header div.inner > ul{
		padding: 150px 0 10px;
	}

	header#header div.inner > ul > li > a{
		background-size: 70px;
		padding-top: 30px;
		font-size: 1.1rem;
		color: #fff;
		letter-spacing: normal;
	}
}

@media all and (max-width: 322px){
	header#header div.inner > ul > li > a{
		background-size: 70px;
		padding-top: 28px;
		font-size: 0.9rem;
		color: #fff;
		letter-spacing: normal;
	}
}

li.drop_li_1:hover,
li.drop_li_1:active{
	-webkit-transition: all 3s;
	transition: all 3s;
}

ul.drop_1{
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

li.drop_li_1 ul.drop_1 {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.7);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.drop_li_1:hover ul.drop_1 {
	top: 100%;
	visibility: visible;
	opacity: 1;
}

li.drop_li_1:hover ul.drop_1 li{
	padding: 0;
	margin: 0;
}

li.drop_li_1:hover ul.drop_1 li a{
	color: #fff!important;
	width: 100%!important;
	display: block!important;
	line-height: 40px!important;
	font-weight: normal!important;
	border-bottom: 1px solid #000;
	margin-left: 0;
	padding-left: 15px;
	box-sizing: border-box;
	font-size: 1.4rem;
}

li.drop_li_1:hover ul.drop_1 li a:hover,
li.drop_li_1:hover ul.drop_1 li a:active{
	color: #fff!important;
	font-weight: normal;
}

@media all and (max-width: 768px){

		li.drop_li_1:hover ul.drop_1 li a{
		font-size: 1.2rem;
	}

}

@media all and (max-width: 520px){

	li.drop_li_1 ul.drop_1 {
		width: 200%;
	}

	li.drop_li_1:hover ul.drop_1 li a{
		width: 100%;
		line-height: 40px!important;
		padding-left: 5px;
		font-size: 1.1rem;
	}

}

header > div.ttl_fix_box{
	width: 100%;
	height: 60px;
	background-color: rgba(1,53,50,0.7);
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	position: fixed;
	color: #fff;
	padding: 5px 0;
}

header > div.ttl_fix_box > div.ttl_fix{
	max-width: 1600px;
	width: 95%;
	margin: 10px auto;
	font-size: 0;
}

div.ttl_fix h1{
	text-indent: -9999px;
	display: inline-block;
	line-height: 60px;
	width: 18%;
	min-width: 160px;
	margin-right: 10px;
	background-image: url('img/common/header_logo.png');
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

div.ttl_fix ul{
	display: inline-block;
	width: 60%;
	font-size: 0;
}

div.ttl_fix li.icon{
	width: calc(98% / 6);
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	height: 45px;
	line-height: 35px;
	background-size: 40%;
	background-repeat: no-repeat;
	box-sizing: border-box;
	margin-bottom: 10px;
	border-left: 1px solid #fff;
	font-size: 1.3rem;
	text-align: center;
	/* font-weight: 700; */
	position: relative;
}

div.ttl_fix li a{
	color: #fff;
	margin-left: 20px;
	font-size: 1.5rem;
}

div.ttl_fix li.icon_oze{
	background-image: url('img/common/icon_hd_07_02.png');
	background-position: 0 30%;
}

div.ttl_fix li.icon_see{
	background-image: url('img/common/icon_hd_01_02.png');
	background-position: 0 30%;
}

div.ttl_fix li.icon_joy{
	background-image: url('img/common/icon_hd_02_02.png');
	background-position: 5px 30%;
}

div.ttl_fix li.icon_eat{
	background-image: url('img/common/icon_hd_03_02.png');
	background-position: -5px 30%;
}

div.ttl_fix li.icon_stay{
	background-image: url('img/common/icon_hd_04_02.png');
	background-position: -5px 30%;
}

div.ttl_fix li.icon_access{
	background-image: url('img/common/icon_hd_05_02.png');
	background-position: -10px 30%;
	border-right: 1px solid #fff;
	margin-right: 10px;
}

li.drop_li:hover,
li.drop_li:active{
	-webkit-transition: all 3s;
	transition: all 3s;
}

ul.drop{
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

li.drop_li ul.drop {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.7);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.drop_li:hover ul.drop {
	top: 100%;
	visibility: visible;
	opacity: 1;
}

li.drop_li:hover ul.drop li{
	padding: 0;
	margin: 0;
}

li.drop_li:hover ul.drop li a{
	color: #fff!important;
	width: 100%!important;
	display: block!important;
	line-height: 40px!important;
	font-weight: normal!important;
	border-bottom: 1px solid #000;
	margin-left: 0;
	padding-left: 15px;
	box-sizing: border-box;
	font-size: 1.4rem;
}

li.drop_li:hover ul.drop li a:hover,
li.drop_li:hover ul.drop li a:active{
	color: #fff!important;
	font-weight: normal;
}

div.ttl_fix div.fix_sns_area{
	display: inline-block;
	width: 12%;
	padding: 0;
	font-size: 0;
}

div.ttl_fix div.fix_sns_area a{
	text-indent: -9999px;
	display: inline-block;
	max-width: 45px;
	width: calc(100% / 4);
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center 0;
	vertical-align: middle;
}

div.ttl_fix div.fix_sns_area a:nth-of-type(1){
	background-image: url('img/common/hd_mail.png');
}

div.ttl_fix div.fix_sns_area a:nth-of-type(2){
	background-image: url('img/common/hd_facebook.png');
}

div.ttl_fix div.fix_sns_area a:nth-of-type(3){
	background-image: url('img/common/hd_youtube.png');
}

div.ttl_fix div.fix_sns_area a:nth-of-type(4){
	background-image: url('img/common/hd_insta.png');
}

@media all and (max-width: 1024px){
	div.ttl_fix li a,
	li.drop_li:hover ul.drop li a{
		font-size: 1.2rem;
	}

}

/* footer
----------------------------------- */

footer#footer{
	width: 100%;
	background-color: rgba(1,53,50,1);
	padding: 50px 0 0;
}

footer#footer div.inner{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 20px;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

footer#footer div.inner > .common{
	width: 75%;
	padding-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

footer#footer div.inner > .common>a{
	width: 100%;
	margin-bottom: 15px;
}

footer#footer div.inner >.common > div > a{
	max-width: 330px;
	width: 70%;
	margin: 0 20px 0 0;
	padding: 15px 0;
	display: block;
	background-color: #fff;
	color: #013532;
	font-size: 2rem;
	font-weight: 700;
	background-repeat: no-repeat;
	background-size: 45px;
	line-height: 33px;
	background-position: 5% 50%;
	background-image: url('img/common/mail_icon.png');
	box-sizing: border-box;
	text-align: center;
}

footer#footer div.inner > .common > div{
	width: 100%;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

footer#footer div.inner > .common>div > div>address{
	margin-bottom: 5px;
	font-size: 1.7rem;
}

footer#footer div.inner > .common>div > div> a{
	color: #fff;
	font-size: 3.8rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.8px;
}

footer#footer div.inner > .common>div > div> a span{
	font-size: 2.6rem;
}

footer#footer div.inner > .common>div > div> p{
	color: #fff;
}

footer#footer div.inner > a{
	color: #fff;
}

footer#footer div.inner>.link{
	width: 20%;
}

footer#footer div.inner>.link> a{
	display: block;
	text-align: center;
	color: #013532;
	font-size: 1.6rem;
	font-weight: 600;
	width: 100%;
	padding: 25px 0;
	background-color: rgb(255, 255, 255,0.7);
}

footer#footer div.inner>.link> a i{
	margin-right: 10px;
	font-size: 2.2rem;
}

footer#footer div.inner>.link> a:nth-of-type(1){
	margin-bottom: 20px;
}

footer#footer copy{
	display: block;
	width: 100%;
	padding: 10px 0;
	background-color: #fff;
	text-align: center;
}

footer#footer div.footer_sns{
	display: none;
}

@media all and (max-width: 1090px){

	footer#footer div.inner > .common>div > div> a{
		font-size: 3rem;
	}

	footer#footer div.inner > .common>div > div> a span{
		font-size: 2rem;
	}

	footer#footer div.inner > .common>div > div> p{
		font-size: 1.4rem;
	}
}

@media all and (max-width:990px){
	footer#footer div.inner > .common{
		width: 100%;
	}

		footer#footer div.inner>.link{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	footer#footer div.inner>.link a{
		width: 48%;
	}

	footer#footer div.inner>.link> a:nth-of-type(1){
		margin-bottom: 0;
	}
}

@media all and (max-width: 760px){
	footer#footer{
		width: 100%;
		background-color: rgba(1,53,50,1);
		padding: 25px 0 0;
	}

	footer#footer div.inner >.common > div > a{
		max-width: 100%;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 15px 0 15px 40px;
		display: block;
		background-color: #fff;
		color: #013532;
		font-size: 1.8rem;
		font-weight: 700;
		background-repeat: no-repeat;
		background-size: 45px;
		line-height: 33px;
		background-position: 5% 50%;
		background-image: url('img/common/mail_icon.png');
		box-sizing: border-box;
		float: none;
	}
	footer#footer div.inner > div > div{
		float: left;
		width: 55%;
		text-align: left;
	}

	footer#footer div.inner > div > div>address{
	margin-bottom: 5px;
	font-size: 1.2rem;
}

	footer#footer div.inner > div > div > a{
		font-size: 1.6rem;
	}

	footer#footer div.inner > div > div > a span{
		font-size: 1.3rem;
	}

	footer#footer div.inner > div > div > p{
		font-size: 0.8rem;
	}

	footer#footer div.footer_sns{
		display: block;
		width: 60%!important;
		float: right!important;
	}
	footer#footer div.footer_sns a{
		text-indent: -9999px;
		display: inline-block;
		width: 43px;
		height: 43px;
		margin-right: 0;
		background-repeat: no-repeat;
		background-size: 43px 43px;
	}

	footer#footer div.footer_sns a:nth-of-type(1){
		background-image: url('img/common/sp/hd_facebook.png');
	}

	footer#footer div.footer_sns a:nth-of-type(2){
		background-image: url('img/common/sp/hd_youtube.png');
	}

	footer#footer div.footer_sns a:nth-of-type(3){
		background-image: url('img/common/sp/hd_insta.png');
	}

	footer#footer div.inner>.link{
		width: 100%;
		flex-direction: column;
	}

	footer#footer div.inner>.link a{
		width: 100%;
		padding: 10px 0;
	}

	footer#footer div.inner>.link> a:nth-of-type(1){
		margin-bottom: 15px;
	}

	footer#footer copy{
		font-size: 1.2rem;
	}
}

@media all and (max-width: 340px){
	footer#footer div.inner > div > div > a{
		font-size: 1.5rem;
	}

	footer#footer div.inner > div > div > a span{
		font-size: 1.2rem;
	}

	footer#footer div.inner > div > div > p{
		font-size: 0.4rem;
		letter-spacing: -1px;
	}

	footer#footer div.footer_sns a{
		text-indent: -9999px;
		display: inline-block;
		width: 37px;
		height: 37px;
		margin-right: 0;
		background-repeat: no-repeat;
		background-size: 37px 37px;
	}
}

/* article.wrap
===================================== */

article.wrap{
	margin: 0;
	padding: 0;
	width: 100%;
}

#topBtn{
	position: fixed;
	bottom: 60px;
	right: 20px;
	display: block;
	z-index: 100;
	width: 70px;
}

@media all and (max-width: 520px){
	#topBtn{
		position: fixed;
		bottom: 60px;
		right: 10px;
		display: block;
		z-index: 100;
		width: 55px;
	}
}

/* area_link
------------------------------------ */

section.area_link{
	width: 100%;
	padding: 100px 0;
	background-color: #fff;
	text-align: center;
}

section.area_link a{
	display: block;
	max-width: 960px;
	width: 90%;
	height: auto;
	margin: auto;
	background-image: url('img/kabuki/kabuki_link.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	box-sizing: border-box;
}

section.area_link a:before {
	content: '';
	display: block;
	padding-top: 22.29%;
}

section.area_link a > span{
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border: 1px solid #fff;
	box-sizing: border-box;
	background-color: rgba(1,53,50,0.4);
}

section.area_link a > span > span{
	display: block;
	margin-top: 3%;
}

section.area_link a > span > span > span:nth-of-type(1){
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	padding: 10px 0;
	text-shadow: 0 0 5px rgba(1,53,50,1);
}

section.area_link a > span > span > span:nth-of-type(2){
	color: #fef1d7;
	font-size: 3.2rem;
	font-weight: 700;
	display: block;
	text-align: center;
	line-height: 1.5;
	text-shadow: 0 0 5px rgba(1,53,50,1);
}

@media all and (max-width: 1024px){

	section.area_link{
		width: 100%;
		padding: 50px 0;
		background-color: #fff;
		text-align: center;
	}

	section.area_link a > span > span{
		margin-top: 2%;
	}

	section.area_link a > span > span > span:nth-of-type(1){
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size: 3.125vw;
		font-weight: 700;
		padding: 5px 0;
		text-shadow: 0 0 5px rgba(1,53,50,1);
	}

	section.area_link a > span > span > span:nth-of-type(2){
		color: #fef1d7;
		font-size: 3.33vw;
		font-weight: 700;
		display: block;
		text-align: center;
		line-height: 1.5;
		text-shadow: 0 0 5px rgba(1,53,50,1);
	}
}

@media all and (max-width: 420px){
	section.area_link a > span > span{
		margin-top: 0;
	}
}
@media all and (max-width: 340px){
	section.area_link a > span{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		box-sizing: border-box;
		background-color: rgba(1,53,50,0.4);
	}
}
/* post
------------------------------------------ */

ul.post{
	width: 100%;
	font-size: 0;
	text-align: left;
}

ul.post li{
	width: calc((100% - 120px) / 4);
	display: inline-block;
	margin-right: 39px;
	margin-bottom: 20px;
	vertical-align: top;
	text-align: center;
}

ul.post li:nth-of-type(4n){
	margin-right: 0;
}

ul.post li a{
	display: block;
	width: 100%;
}

ul.post li a > div.image{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}

ul.post li a > div.image::before{
	content: "";
	display: block;
	padding-top: 75%;
}

ul.post li a > div.image > img{
	left: 50%;
	min-height: 100%;
	min-width: 150%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}


ul.post li a h3{
	color: #013532;
	font-size: 1.6rem;
	font-weight: 700;
}

ul.post li a h3 span{
	color: #777;
	font-size: 1.2rem;
	font-weight: 700;
}

div.pagination{
	text-align: center;
	font-size: 2rem;
	margin: auto;
	position: relative;
}

div.pagination .page-numbers{
	font-size: 2rem;
}

div.pagination a{
	color: #000;
}

div.pagination a.list{
	background-color: rgba(255, 255, 255, 0.7);
	padding: 5px;
	font-size: 1.6rem;
	width: 140px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
}

div.pagination a.list span{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 100%;
	width: 100%;
	position: relative;
	display: inline-block;
}

div.pagination a.list span:before{
	content: '';
	display: block;
	width: 1px;
	height: 80%;
	border-left: 1px solid #000;
	position: absolute;
	top: 3px;
	left: 0;
}

div.pagination a.list span:after{
	content: '';
	display: block;
	width: 1px;
	height: 80%;
	border-right: 1px solid #000;
	position: absolute;
	top: 3px;
	right: 0;
}

div.pagination span{
	color: #af1e18;
}

div.pagination .page-numbers::after{
	content: " . ";
	color: #000;
}

div.pagination a.next,
div.pagination a.prev{
	font-size: 2rem;
	position: relative;
	top: -1px;
}

div.pagination a.next{
	margin-left: 50px;
}

div.pagination a.prev{
	margin-right: 50px;
}

div.pagination a.next::after,
div.pagination a.prev::after{
	content: none;
}

@media all and (max-width: 768px) {

	ul.post li{
		width: calc((100% - 40px) / 2);
	}

	ul.post li:nth-of-type(2n){
		margin-right: 0;
	}
}

@media all and (max-width: 520px) {

	ul.post li{
		width: 100%;
		margin-right: 0;
	}

	ul.post li:nth-of-type(2n){
		margin-right: 0;
	}
}

/* area_single
----------------------------------- */

section.area_single{
	max-width: 730px;
	width: 90%;
	margin: 0 auto;
}

section.area_single h2{
	font-size: 3rem;
	font-weight: 700;
	color: #013532;
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: 1px solid #777;
}

section.area_single h2 span{
	display: block;
	float: right;
	font-size: 1.8rem;
	margin-top: 15px;
}

section.area_single > img{
	width: 100%;
	margin-bottom: 30px;
}

section.area_single div.post_content{
	width: 100%;
	margin-bottom: 30px;
}

section.area_single div.post_img{
	width: 100%;
	font-size: 0;
	margin-bottom: 30px;
}

section.area_single div.post_img>img,
section.area_single div.post_img figure{
	width: calc((100% - 40px) / 3);
	display: inline-block;
	margin-right: 19px;
}

section.area_single div.post_img>img:last-child,
section.area_single div.post_img figure:last-child{
	margin-right: 0;
}

section.area_single div.post_img figure figcaption{
	text-align: center;
}

section.area_single table{
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #777;
	margin-bottom: 30px;
}

section.area_single table tr{
	border-bottom: 1px solid #777;
}

section.area_single table th,
section.area_single table td{
	padding: 10px 0;
}

section.area_single table th{
	min-width: 130px;
}

section.area_single iframe{
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0 50px;
}

section.area_single > a{
	display: block;
	width: 380px;
	margin: 0 auto 80px;
	text-align: center;
	background-color: #777;
	color: #fff;
	font-weight: 700;
	font-size: 2rem;
	padding: 10px 0;
	background-image: url('img/common/post_icon.png');
	background-repeat: no-repeat;
	background-position: 30% 50%;
	background-size: 8%;
	text-indent: 1em;
}

section.area_single > a.yamap_link{
	background-image: url(img/banner/banner_map.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: cover;
	text-indent: 0;
	padding: 20px 0;
	color: #fef1d7;
	position: relative;
}

section.area_single > a.yamap_link span{
	position: relative;
	z-index: 1;
}

section.area_single > a.yamap_link::before{
	content: '';
	display: block;
	width: 98%;
	height: 90%;
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
}

section.area_single > a.yamap_link::after{
	content: '';
	display: block;
	width: 90%;
	height: 2.5em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media all and (max-width: 768px) {
	section.area_single{
		margin: 40px auto 0;
	}

	section.area_single h2{
		font-size: 1.8rem;
	}

	section.area_single p{
		font-size: 1.4rem;
	}

	section.area_single table th,
	section.area_single table td{
		font-size: 1.2rem;
	}

	section.area_single > a{
		display: block;
		width: 300px;
		margin: 0 auto 80px;
		text-align: center;
		background-color: #777;
		color: #fff;
		font-weight: 700;
		font-size: 1.8rem;
		padding: 10px 0;
		background-image: url('img/common/post_icon.png');
		background-repeat: no-repeat;
		background-position: 30% 50%;
		background-size: 6%;
		text-indent: 1em;
	}
}

/* banner nav
------------------------------- */

nav.banner{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto 80px;
}

nav.banner ul{
	width: 100%;
	font-size: 0;
	vertical-align: middle;
}

nav.banner ul li{
	display: inline-block;
	text-align: center;
	width: calc((100% - 60px) / 4);
	margin-right: 19px;
}

nav.banner ul li:last-child{
	margin-right: 0;
}

nav.banner ul li a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 26.6%;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	color: #fef1d7;
	font-size: 1.197vw;
	font-weight: 700;
	text-shadow: 0 0 10px #777;
}

nav.banner ul li:nth-of-type(1) a{
	background-image: url('img/common/bn_map.jpg');
}

nav.banner ul li:nth-of-type(2) a{
	background-image: url('img/common/bn_his.jpg');
}

nav.banner ul li:nth-of-type(3) a{
	background-image: url('img/common/bn_maru.jpg');
}

nav.banner ul li:nth-of-type(4) a{
	background-image: url('img/common/bn_view.jpg');
}

nav.banner ul li a span{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 70%;
	width: 90%;
	vertical-align: middle;
	padding: 5px 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
}

@media all and (max-width: 768px) {
	nav.banner{
		margin: 40px auto 40px;
	}

	nav.banner ul li{
		display: inline-block;
		text-align: center;
		width: calc((100% - 20px) / 2);
		margin-right: 19px;
		margin-bottom: 19px;
	}

	nav.banner ul li:nth-of-type(2n){
		margin-right: 0;
	}

	nav.banner ul li a{
		font-size: 2.99vw;
	}

	nav.banner ul li a span{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
}

/* top banner_area
-------------------------------------- */
section.banner_area{
	width: 100%;
	padding: 50px 0;
	background-color: #fff;
}

section.banner_area > div.inner{
	max-width: 1200px;
	width: 90%;
	margin: auto;
}

section.banner_area > div.inner a{
	display: block;
	width: 48%;
	height: 0;
	padding-top: 20%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
}

section.banner_area > div.inner a span{
	max-width: 390px;
	width: 70%;
	height: 73px;
	display: block;
	background-color: rgba(255,255,255,0.7);
	color: #013532;
	font-size: 2.3rem;
	font-weight: 700;
	background-repeat: no-repeat;
	background-size: 33px;
	line-height: 33px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0;
}

section.banner_area > div.inner a.qa{
	background-image: url('img/top/banner_qa.jpg');
	float: left;
}

section.banner_area > div.inner a.qa span{
	background-image: url('img/top/qa_icon.png');
	background-position: 20% 50%;
	padding-left: 120px;
}

section.banner_area > div.inner a.map{
	background-image: url('img/top/banner_map.jpg');
	float: right;
}

section.banner_area > div.inner a.map span{
	background-image: url('img/top/map_icon.png');
	background-position: 30% 50%;
	padding-left: 150px;
}

@media all and (max-width: 1024px) {
	section.banner_area > div.inner a span{
		font-size: 2rem;
	}
	section.banner_area > div.inner a.qa span{
		padding-left: 100px;
	}
	section.banner_area > div.inner a.map span{
		padding-left: 130px;
	}
}

@media all and (max-width: 800px) {
	section.banner_area{
		width: 100%;
		padding: 25px 0;
		background-color: rgba(1,53,50,1);
	}

	section.banner_area > div.inner a{
		display: block;
		width: 48%;
		height: 0;
		padding-top: 30%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}

	section.banner_area > div.inner a span{
		max-width: 100%;
		width: 100%;
		height: 73px;
		display: block;
		background-color: transparent;
		color: #fff;
		font-size: 1.6rem;
		font-weight: 700;
		background-repeat: no-repeat;
		line-height: 1.5;
		box-sizing: border-box;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		padding-top: 30%;
		padding-bottom: 0;
		padding-right: 0;
		text-align: center;
		text-shadow: 0 0 5px #000;
	}

	section.banner_area > div.inner a.qa span{
		background-image: url('img/qa/qa_title_ico.png');
		background-position: 50% 10%;
		background-size: 30%;
		padding-left: 0;
	}

	section.banner_area > div.inner a.map span{
		background-image: url('img/map/map_title_ico.png');
		background-position: 50% 0;
		background-size: 25%;
		padding-left: 0;
	}
}

#google_translate_element{
	padding-top: 10px;
}

section.footer_banner{
	width: 100%;
	padding: 50px 0;
	margin: 0;
	text-align: center;
	background-color: #013532;
	overflow: hidden;
}

section.footer_banner ul{
	max-width: 1200px;
	width: 90%;
	margin: auto;
	font-size: 0;
}

section.footer_banner ul li{
	width: calc((100% - 60px) / 4);
	display: inline-block;
	margin-right: 20px;
}

section.footer_banner ul li:last-child{
	margin-right: 0;
}

section.footer_banner ul li a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 55.33%;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	color: #fff;
	box-sizing: border-box;
	text-shadow: 0 0 30px #000;
}

section.footer_banner ul li a.bn_01{
	background-image: url('img/banner/banner_maru.jpg');
}

section.footer_banner ul li a.bn_02{
	background-image: url('img/banner/banner_fishing.jpg');
}

section.footer_banner ul li a.bn_03{
	background-image: url('img/banner/banner_wood.jpg');
}

section.footer_banner ul li a.bn_04{
	background-image: url('img/banner/banner_spa.jpg');
}

section.footer_banner ul li a.bn_05{
	background-image: url('img/banner/banner_shop.jpg');
}

section.footer_banner ul li a.bn_06{
	background-image: url('img/banner/banner_oze.jpg');
}

section.footer_banner ul li a.bn_07{
	background-image: url('img/banner/banner_kabuki.jpg');
}

section.footer_banner ul li a.bn_08{
	background-image: url('img/banner/banner_blog.jpg');
}

section.footer_banner ul li a.bn_09{
	background-image: url('img/banner/banner_news.jpg');
}

section.footer_banner ul li a.bn_10{
	background-image: url('img/banner/banner_trekk.jpg');
}

section.footer_banner ul li a.bn_11{
	background-image: url('img/banner/banner_yama.jpg');
}

section.footer_banner ul li a.bn_12{
	background-image: url('img/banner/banner_fall.jpg');
}

section.footer_banner ul li a.bn_13{
	background-image: url('img/banner/banner_map.jpg');
}

section.footer_banner ul li a:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 95%;
	height: 95%;
	background-color: rgba(0,0,0,0.4);
	vertical-align: middle;
}

section.footer_banner ul li a p{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

section.footer_banner ul li a p span:nth-of-type(1){
	display: block;
	width: 80%;
	margin: 0 auto 10px;
	padding: 5px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-size: 0.83vw;
	font-weight: 700;
}

section.footer_banner ul li a p span:nth-of-type(2){
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 1.3vw;
	line-height: 1.5;
	font-weight: 700;
	color: #fef1d7;
}

section.footer_banner ul li a p span.line_1{
	display: block;
	margin: 1em auto;
	text-align: center;
	font-size: 1.3vw;
	line-height: 1.5;
	font-weight: 700;
	color: #fef1d7;
}

@media all and (max-width: 768px) {
	section.footer_banner{
		padding: 50px 0 0;
	}

	section.footer_banner ul li{
		width: calc((100% - 20px) / 2);
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	section.footer_banner ul li:nth-of-type(2n){
		margin-right: 0;
	}

	section.footer_banner ul li a p span:nth-of-type(1){
		width: 90%;
		font-size: 1.95vw;
	}
	section.footer_banner ul li a p span:nth-of-type(2){
		font-size: 3.25vw;
	}
}

@media all and (max-width: 340px) {
	section.footer_banner ul li a p span:nth-of-type(1){
		font-size: 0.78vw;
		letter-spacing: -1px;
	}
}

.alignnone {
	display: inline;
	margin-bottom: 1.5em!important;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}