@charset "UTF-8";
/*
Theme Name: aojforeign
Author: Y.Maeda
Description: 青森空港ビル外国語共通テンプレート
*/

html, body {
	height: 100%;
}
html {
	font-size: 62.5%;	/* font-size = 10px 相当 */
}
body {
	color: #000;
	font-size: inherit;
	background-color: #fff;
	position: relative;
}
body.mce-content-body {
	color: #000;
	background-color: transparent;
}

/* 印刷時の余白設定 */
@page {
	size: A4;
	margin: 10mm 10mm;
}

/* 600px以下でWordPressの管理バーが下にズレる現象の対処のため */
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed!important;
	}
}





/*
 * 基本フォーマット ----------------------------------------------------------------------------------------------------
 */
/*
 * 基本パーツ --------------------------------------------------
 * 
 * "editor-style.css"の基本パーツと内容を同じにすること
 */
h1,
.h1 {
	/* font-size: 40px; */ font-size: 36px; font-size: 2.4rem; font-weight: 700; line-height: 1.3;
}
h2,
.h2 {
	/* font-size: 32px; */ font-size: 21px; font-size: 2.0rem; font-weight: 700; line-height: 1.3;
}
h3,
.h3 {
	/* font-size: 28px; */ font-size: 16px; font-size: 1.8rem; font-weight: 700; line-height: 1.3;
}
h4,
.h4 {
	/* font-size: 24px; */ font-size: 14px; font-size: 1.6rem; font-weight: 700; line-height: 1.3;
}
h5,
.h5 {
	/* font-size: 20px; */ font-size: 14px; font-size: 1.4rem; font-weight: 700; line-height: 1.3;
}
h6,
.h6 {
	/* font-size: 16px; */ font-size: 14px; font-size: 1.4rem; font-weight: 400; line-height: 1.3;
}
p,
ul,
ol,
dl,
table,
select,
label,
input {
	 /* font-size: 16px; */ font-size: 14px; font-size: 1.4rem; line-height: 1.3;
}

/* YouTube用 -------------------------------------------------- */
.ytContainer {
	padding-bottom: 56.25%; /* 16:9 */
	/* padding-bottom: 66.67%; */ /* 3:2 */
	/* padding-top: 30px; */
	position: relative;
	height: 0;
	overflow: hidden;
}
.ytContainer iframe {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}





/*
 * レイアウト ----------------------------------------------------------------------------------------------------
 */
/*
 * ヘッダ --------------------------------------------------
 */
.topContainer {
    padding-right: 0; padding-left: 0;
}
.globalNaviContainer {
    padding-right: 0; padding-left: 0;
    position: relative;
}
.logoContainer {
    margin: 0;
    display: table;
    width: 240px; height: 50px;
}
.logo {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.logo a img {
    /* margin: 0 auto; */ margin: 0;
    display: block;
    /* width: 240px; */
    max-width: 240px; max-height: 50px;
}

.globalNaviContainer nav {
    position: absolute; top: 0;
    width: 100%;
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
    .topContainer {
        /*padding-right: 15px; padding-left: 15px;*/
    }
    .globalNaviContainer {
        padding-right: 15px; padding-left: 15px;
    }
    .logoContainer {
        width: 300px; height: 70px;
    }
    .logo a img {
        /* width: 300px;*/
        max-width: 300px; max-height: 70px;
    }
}
@media (min-width: 992px) {
    .topContainer {
        /*overflow: hidden;*/
    }
    .logoContainer {
        width: 300px; height: 100px;
    }
    .globalNaviContainer nav {
        position: absolute;
        top: 0;
        right: 0;
        width: 615px;  
    }
}
@media (min-width: 1200px) {
    .globalNaviContainer nav {
        width: 810px;  
    }
}

/*
 * メニュー --------------------------------------------------
 */
.menuButton {
	color: #ffffff;
	display: block;
	position: absolute; top: 0px; right: 0;
	width: 50px; height: 50px;
	cursor: pointer;
	/*background: transparent url(img/common/common_bg.png) no-repeat center top;*/
	background: transparent;
	background-size: cover;
	z-index: 9999;
	-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}
.openNav.menuButton {
	color: #e57aa5;
	background: transparent;
	-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}
.menuButtonText {
	margin: 0;
	position: absolute; bottom: 5px;
	width: 100%;
	text-align: center;
	font-size: 8px;
	line-height: 8px;
}
.menuButton svg {
	display: block;
	margin: 0 auto; 
	cursor: pointer;
	width: 50px; height: 50px;
    background: #b7df20;
}
.menuButton svg,
line,
.navigation {
	-webkit-transition: .5s all cubic-bezier(.87, -.41, .19, 1.44);
	transition: .5s all cubic-bezier(.87, -.41, .19, 1.44);
}

line {
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: round;
}

.menuButton svg:hover,
.hovered {
}
.menuButton svg:hover line,
.hovered line {
	stroke-dashoffset: 100;
	-webkit-animation: dash .3s linear forwards alternate!important;
	animation: dash .3s linear forwards alternate!important;
}
.menuButton svg:hover .middleline,
.hovered .middleline {
}
.menuButton svg:hover .firstline,
.hovered .firstline {
	-webkit-transform: translatey(2px);
	transform: translatey(2px);
}
.menuButton svg.click {
    background: transparent;
}
.menuButton svg.click line {
    stroke: #e57aa5;
}
.menuButton svg.click .firstline {
	-webkit-transform: rotate(45deg) translate(7px, -26px);
	transform: rotate(45deg) translate(5px, -26px);
}
.menuButton svg:hover .lastline,
.hovered .lastline {
	-webkit-transform: translatey(-2px);
	transform: translatey(-2px);
}
.menuButton svg.click .lastline {
	-webkit-transform: rotate(-45deg) translate(-20px, 14px);
	transform: rotate(-45deg) translate(-18px, 14px);
}
.menuButton svg:hover .middleline,
.hovered svg .middleline {
	opacity: 1;
	-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}
.menuButton svg.click .middleline {
	opacity: 0;
	-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
	.menuButton {
		width: 70px; height: 70px;
	}
	.menuButton svg {
		width: 70px; height: 70px;
	}
}
@media (min-width: 992px) {
	.menuButton {
		display: none;
	}
}
@media (min-width: 1200px) {
}


.navigation {
	position: absolute; top: 0;
	width: 100%;
	background: transparent;
	z-index: 9951;
}
.navigation:after {
	content: '';
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	background: transparent;
	z-index: -1;
}
.navigationContainer {
	/*position: absolute;*/ position: fixed; top: 0; right: 0;
    width: 100vw;
    /*height: 100%;*/
    z-index: 9953;
}
.menuContainer {
	display: none;
	position: absolute; top: 0; right: 0;
	width: 100vw;
    min-height: 100vh; height: 100%;
	/*background: transparent url(img/common/common_bg.png) no-repeat center top;*/
	background: rgba(255, 255, 255, 0.9);
	background-size: cover;
    z-index: 9953;
    overflow: auto;
}
.menuContainer .menuInner {
    padding-bottom: 100px;
	opacity: 0;
	-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}
body.openNav {
    overflow: hidden;
}
.openNav.navigation {
    height: 100%;
}
.openNav.navigation:after {
	display: block;
	background: rgba(0,0,0,.25);
}
.openNav.navigation .navigationContainer {
    position: fixed;
    height: 100%;
}
.openNav.navigation .menuContainer {
	min-height: 100vh;
	-webkit-animation: shelf .5s forwards linear alternate;
	animation: shelf .5s forwards linear alternate;
	box-sizing: content-box;
}
.openNav.navigation .menuContainer .menuInner {
	opacity: 1;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
	.menuContainer {
        /*position: fixed;*/
		width: 50vw; max-width: 50vw;
        /*overflow: visible;*/ overflow: auto;
	}
	.openNav.navigation:after {
		display: block;
		background: transparent;
	}
    .openNav.navigation .navigationContainer {
        position: absolute;
    }
	.openNav.navigation .menuContainer {
		/*min-height: inherit;*/
		-webkit-animation: shelf .5s forwards linear alternate;
		animation: shelf .5s forwards linear alternate;
		box-sizing: content-box;
	}
}
@media (min-width: 992px) {
    body.openNav {
        overflow: visible;
    }
    .navigation {
        position: relative;
    }
    .navigationContainer {
        position: relative;
        width: auto;
        overflow: visible;
    }
    .menuContainer {
        display: block!important;
        position: relative;
		width: auto; max-width: 100%;
        height: auto; min-height: 0;
        background: transparent;
        overflow: visible;
    }
    .menuContainer .menuInner {
        padding-bottom: 0;
        opacity: 1;
    }
	.openNav.navigation .navigationContainer {
		height: auto;
        
	}
    .openNav.navigation .menuContainer {
        min-height: 0;
    }
}
@media (min-width: 1200px) {
}


.menuBg {
    display: none;
    position: fixed; top: 0; right: -100%; width: 100%; height: 100vh;
    background-color: rgba(0,0,0,0);
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    z-index: 9952;

}
.openNav.menuBg {
    display: block!important;
    right: 0;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: all 0s linear 0s;
    transition: all 0s linear 0s;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .menuBg {
        display: none;

    }
    .openNav.menuBg {
        display: none!important;
    }
}
@media (min-width: 1200px) {
}





/* 
 * グローバルナビ --------------------------------------------------
 */
.menuTitle {
	margin-left: auto; margin-right: auto;
    width: 80%;
    text-align: left;
}
.menuTitle img {
    width: 120px; height: auto;
}

.globalMainNavi {
	color: #000;
	margin-left: auto; margin-right: auto; margin-bottom: 0;
    padding-left: 0;
    width: 80%;
	font-size: 16px; font-size: 1.6rem;
	list-style: none outside;
}
.globalMainNavi li {
	padding-top: 15px;
}
.globalMainNavi li:first-child {
	padding-top: 0;
}
.globalMainNavi li a {
	color: #000;
}

.globalMainNavi li a {
    padding: 0; padding-left: 48px;
    /*display: inline-block;*/ display: table-cell;
    /*line-height: 40px;*/ height: 40px;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 40px;
}
.globalMainNavi li a:hover {
    /*color: #fff;*/
    /*background: #076291 url(./img/common/gnavi_icon_color.png) no-repeat 0px 0px;*/
}

.globalMainNavi li .submenuOpenIcon {
	margin-left: 10px;
	/*display: inline-block;*/ display: table-cell;
    width: 42px; height: 40px;
    background: transparent url(img/common/menu_plus.png) no-repeat center right;
    background-size: 32px;
	cursor: pointer;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
}
.globalMainNavi li .submenuOpenIcon.submenuOpen {
	/*-webkit-transform: rotate(45deg);
	transform: rotate(45deg);*/
    background-image: url(img/common/menu_minus.png);
}

.globalMainNavi li .sub-menu {
	padding-top: 0; padding-left: 30px;
	list-style: none outside;
	height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
}
.globalMainNavi li .sub-menu > * {
	height: 0;
	opacity: 0;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
}
.globalMainNavi li .sub-menu.submenuOpen {
	padding-top: 15px;
	height: auto;
	visibility: visible;
	opacity: 1;
}
.globalMainNavi li .sub-menu.submenuOpen > * {
	height: auto;
	opacity: 1;
}

/*.globalMainNavi li .sub-menu li a:before {
	content: " - ";
	margin-right: 0.6em;
	margin-right: 0.6em;
	display: inline-block;
}*/

.globalMainNavi li .sub-menu li a {
    padding: 0; padding-left: 44px;
    /*display: inline-block;*/ display: table-cell;
    /*line-height: 40px;*/ height: 40px;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 40px;
}

.globalMainNavi li.gnav_home a {		        background-image: url(img/common/gnav_icon_home.png); }

.globalMainNavi li.gnav_flight a {		        background-image: url(img/common/gnav_icon_flight.png); }
.globalMainNavi li .sub-menu li.gnav_flight_dep a {		     background-image: url(img/common/gnav_icon_flight_dep.png); }
.globalMainNavi li .sub-menu li.gnav_flight_arr a {		     background-image: url(img/common/gnav_icon_flight_arr.png); }
.globalMainNavi li .sub-menu li.gnav_flight_deparr a {	     background-image: url(img/common/gnav_icon_flight_deparr.png); }

.globalMainNavi li.gnav_facility a {	        background-image: url(img/common/gnav_icon_facility.png); }
.globalMainNavi li .sub-menu li.gnav_facility_floormap a {	 background-image: url(img/common/gnav_icon_facility_floormap.png); }
.globalMainNavi li .sub-menu li.gnav_facility_shop a {	     background-image: url(img/common/gnav_icon_facility_shop.png); }
.globalMainNavi li .sub-menu li.gnav_facility_cafe a {	     background-image: url(img/common/gnav_icon_facility_cafe.png); }
.globalMainNavi li .sub-menu li.gnav_facility_lounge a {	 background-image: url(img/common/gnav_icon_facility_lounge.png); }
.globalMainNavi li .sub-menu li.gnav_facility_parking a {	 background-image: url(img/common/gnav_icon_facility_parking.png); }

.globalMainNavi li.gnav_access a {		        background-image: url(img/common/gnav_icon_access.png); }
.globalMainNavi li .sub-menu li.gnav_access_bus a {          background-image: url(img/common/gnav_icon_access_bus.png); }
.globalMainNavi li .sub-menu li.gnav_access_rentacar a {     background-image: url(img/common/gnav_icon_access_rentacar.png); }
.globalMainNavi li .sub-menu li.gnav_access_map a {          background-image: url(img/common/gnav_icon_access_map.png); }
.globalMainNavi li .sub-menu li.gnav_access_trans a {        background-image: url(img/common/gnav_icon_access_trans.png); }

.globalMainNavi li.gnav_sightseeing a {	        background-image: url(img/common/gnav_icon_aomori.png); }
/*
.globalMainNavi li .sub-menu li.gnav_aomori_menu1 a {		 background-image: url(img/common/gnav_icon_dammy2.png); }
.globalMainNavi li .sub-menu li.gnav_aomori_menu2 a {		 background-image: url(img/common/gnav_icon_dammy3.png); }
.globalMainNavi li .sub-menu li.gnav_aomori_menu3 a {		 background-image: url(img/common/gnav_icon_dammy1.png); }
.globalMainNavi li .sub-menu li.gnav_aomori_menu4 a {		 background-image: url(img/common/gnav_icon_dammy2.png); }
*/
@media (min-width: 576px) {

}
@media (min-width: 768px) {
    .globalMainNavi {
    }
}
@media (min-width: 992px) {
    .menuTitle {
        display: none;
    }
    /*.globalMainNavi {
        width: auto;
    }*/
    .globalMainNavi {
        margin-top: 12px;
        width: 100%;
        *zoom: 1;
    }
    .globalMainNavi:before,
    .globalMainNavi:after{
        content: "";
        display: table;
    }
    .globalMainNavi:after{
        clear: both;
    }

    .globalMainNavi li {
        margin: 0; padding: 0; border-left: 1px solid #ffffff;
        display: block; float: left; position: relative;
        /* width: 33.33%; */	/* グローバルメニュー3つの場合 */
        width: 25%; 		    /* グローバルメニュー4つの場合 */
        box-sizing: border-box;
    }
    .globalMainNavi li:first-child {
        border-left: none;
    }
    .globalMainNavi li.gnav_home {
        display: none;
    }
    .globalMainNavi li a {
        font-size: 1.4rem;
        /*line-height: 40px;*/
        display: table-cell;
        background-size: 40px;
    }

    /* 子メニュー ここから ---------- */
    .globalMainNavi li .sub-menu {
        position: absolute; top: 100%; left: 0; margin: 0; padding: 0;
        z-index: 9999;
        background-color: rgba(255, 255, 255, 0.8);
    }
    .globalMainNavi li .sub-menu,
    .globalMainNavi li .sub-menu.submenuOpen {
        padding-top: 0;
        top: 50%;
        height: auto;
        visibility: hidden;
        transition: .5s;
        opacity: 0;
    }
    .globalMainNavi li:hover .sub-menu {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }
    .globalMainNavi li .sub-menu li {
        padding-top: 5px; padding-bottom: 5px;
        border-left: none;
        border-top: 1px solid #999999;
        width: 100%; display: table;
        line-height: 1em;
	    opacity: 1;
    }
    .globalMainNavi li .sub-menu li:first-child {
        border-top: none;
    }
    .globalMainNavi li .sub-menu li:last-child {
        /*border-bottom: 3px solid #076291;*/
    }
    /*.globalMainNavi li .sub-menu li a {
        padding-right: 48px; padding-left: 1em;
        display: table-cell; height: 48px;
        text-align: left; vertical-align: middle;
    }*/
    .globalMainNavi li .sub-menu li a {
        /*line-height: 40px;*/
        display: table-cell;
    }
    .globalMainNavi li .sub-menu li a:hover {
    /* 
        color: #42beed;
        background: #fff url(./img/common/gnavi_sub_icon.png) no-repeat right 0px;
    */
    }
    /* 子メニュー ここまで ---------- */
}
@media (min-width: 1200px) {

}



/* 
 * サブナビ --------------------------------------------------
 */
.globalSubNavi {
    text-align: center;
}
.langNavi,
.headSearchBox {
    display: block;
}
.langNavi {
    margin: 0; padding: 0;
}
.langNavi li {
    display: inline-block;
}
.langNavi li a {
    color: #000;
    padding: 5px 15px;
    border-radius: 4px;
    background-color: transparent;
}
.langNavi li a:hover,
.langNavi li a.active {
    color: #fff;
    background-color: #e57aa5;
}
.headSearchBox {
    margin: 0 auto; padding: 0;
    width: 60%;
}
.headSearchBox .headSearchForm {
    -webkit-justify-content: center;
    justify-content: center;
}
.headSearchBox .headSearchForm .searchFormLabel {
    display: none!important;
}
.headSearchBox .headSearchForm .searchInput,
.headSearchBox .headSearchForm .searchSubmit {
}
.headSearchBox .headSearchForm .searchSubmit {
    color: #fff;
    border-color: #e57aa5;
    border-radius: 4px;
    background-color: #e57aa5;
}
.headSearchBox .headSearchForm .searchSubmit img {
    width: 14px; height: auto;
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
    .langNavi {
        margin: 0 20px 0 0;
    }
}
@media (min-width: 992px) {  
    .globalSubNavi {
        color: #fff;
        border-top: 1px solid #48cb7d;
        text-align: right;
        line-height: 32px;
        background-color: #48cb7d;
    }
    /*.globalSubNavi:after {
        width: 500%;
        height: 32px;
        background: #48cb7d;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: -1;
        content: "";
    }*/
    .langNavi,
    .headSearchBox {
        display: inline-block;
    }
    .headSearchBox {
        width: auto;
    }
    
    .langNavi li a:hover,
    .langNavi li a.active {
        color: #000;
        background-color: #fff;
    }

    .headSearchBox .headSearchForm .searchSubmit {
        color: #fff;
        border-color: #48cb7d;
        display: inline-block;
        background-color: #48cb7d;
    }
}
@media (min-width: 1200px) {

}





/* 
 * ヘッダアイキャッチ画像表示 --------------------------------------------------
 */
.headEyecatchContainer,
.headEyecatchContainerInner {
	position: relative;
	height: 125px;
}
.headEyecatchContainer .pageTitle {
	color: #fff;
	margin: 0;
	position: absolute; /*top: 48px;*/ bottom: 15px; left: 15px;
    text-shadow: 1px 1px 5px #000;
	z-index: 52;
}
.headEyecatchContainer .pageTitleBg {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 51;
}
.headEyecatchContainer figure {
    margin: 0;
	width: auto;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 50;
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
	.headEyecatchContainer,
    .headEyecatchContainerInner {
		height: 250px;
	}
	.headEyecatchContainer .pageTitle {
		/*top: 110px;*/ bottom: 30px; left: 30px;
	}
}
@media (min-width: 1200px) {

}

@media print {
	/*.headEyecatchContainer {
		position: absolute; top: 0; left: 0; right: 0; bottom: 0;
		height: auto;
		display: block;
	}*/
}





/* 
 * バナー --------------------------------------------------
 */
.bannerSliderContainer {
    margin: 60px auto; padding: 20px 0;
    background-color: #cbcbcb;
}
.bannerSliderContainerInner {
    margin: 0 auto;
    width: 300px;
}
.bannerSliderContainerInner .bx-viewport {
    margin: 0 auto;
    background-color: #cbcbcb;
}

.bannerSlider {
    padding-left: 0;
    visibility: hidden;
}
.bannerSlider.load {
	visibility: hidden;		/* 最初は非表示 */
}
.bannerSlider.ready {
	visibility: visible;	/* 読み込み終わったらvisible */
}
.bannerSlider li {
    position: relative;
    width: 100%; min-height: 60px;
}
.bannerSlider li a {
    /*display: block;*/
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
}
.bannerSlider li a figure {
    display: block;
    width: 100%; height: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.bannerSliderContainerInner .bx-wrapper .bx-prev {
    left: 0px;
}
.bannerSliderContainerInner .bx-wrapper .bx-next {
    right: 0px;
}
@media (min-width: 576px) {
    .bannerSliderContainerInner {
        width: 400px;
    }
    .bannerSlider li {
        width: 50%;
    }

    .bannerSliderContainerInner .bx-wrapper .bx-prev {
        left: -40px;
    }
    .bannerSliderContainerInner .bx-wrapper .bx-next {
        right: -40px;
    }
}
@media (min-width: 768px) {
    .bannerSliderContainerInner {
        width: 600px;
    }
    .bannerSlider li {
        width: 33%;
    }

    .bannerSliderContainerInner .bx-wrapper .bx-prev {
        left: -40px;
    }
    .bannerSliderContainerInner .bx-wrapper .bx-next {
        right: -40px;
    }
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}





/* 
 * フッタ --------------------------------------------------
 */
.footerContainer {
    margin-top: 60px;
}
.footerContainer:before {
    content: "";
    margin-bottom: 10px;
    border-bottom: 5px solid #89afde;
    display: block; width: 100%; height: 55px;
    background-color: transparent;
    background-image: url(img/common/footer_img.png);
    background-repeat: no-repeat;
    background-position: 90% bottom;
    background-size: 123px auto;
}

.footerLogo {
    
}
.footerLogo img {
    width: 200px; height: auto;
}

.footNavi {
    color: #fff;
    margin-bottom: 0;
    padding: 10px 5px;
    background-color: #cccccc;
    border-radius: 4px;
}
.footerSubNavi {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none outside;
    /*text-align: center;*/ text-align: left;
}
.footerSubNavi li {
    border-right: 1px solid #fff;
    display: inline-block;
}
.footerSubNavi li:first-child {
    border-left: 1px solid #fff;
}
.footerSubNavi li a {
    color: #fff;
    /*padding-left: 5px; padding-right: 5px;*/
    padding: 3px 5px;
    background-color: transparent;
}

.copy {
    color: #89afde;
    margin-top: 15px;
    font-size: 12px; font-size: 1.2rem;
    text-align: center;
}
@media (min-width: 576px) {
    .footerContainer:before {
        height: 55px;
        background-position: 80% bottom;
        background-size: 123px auto;
    }
}
@media (min-width: 768px) {
    .footerContainer:before {
        height: 65px;
        background-position: 85% bottom;
        background-size: 147px auto;
    }
    .footerLogo img {
        width: 210px;
    }
    /*.footerSubNavi {
        text-align: left;
    }*/
}
@media (min-width: 992px) {
    .footerContainer:before {
        height: 127px;
        background-position: 85% bottom;
        background-size: 300px auto;
    }
    .footerLogo img {
        width: 130px;
    }

    .copy {
        margin-top: 10px;
        text-align: right;
    }
}
@media (min-width: 1200px) {
    .footerContainer:before {
        background-position: 75% bottom;
    }
    .footerLogo img {
        width: 160px;
    }
}





/* 
 * ページの先頭へ --------------------------------------------------
 */
.gotoPageTopContainer {
	margin: 0;
	position: fixed;
	right: 2%; bottom: 40px;
	text-align: center;
	opacity: 0;
    visibility: hidden;
	z-index: 9999;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.gotoPageTopContainer.fadeIn {
	opacity: 1;
	visibility: visible;
}
.gotoPageTopContainer.bottomStop {
	bottom: 130px;
}
.gotoPageTopContainer a {
	/*color: #999999;*/ color: #666666;
	padding-bottom: 1px;
	text-align: center;
	text-decoration: underline;
	background: transparent;
}
.gotoPageTopContainer a,
.gotoPageTopContainer a img,
.gotoPageTopContainer .gotoPageTopText {
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.gotoPageTopContainer .gotoPageTopText {
	color: #c78311;
	display: inline-block;
	text-shadow: 1px 1px 4px #aaaaaa;
}
.gotoPageTopContainer a:hover .gotoPageTopText {
	color: #fff;
	text-shadow: 1px 1px 3px #000000;
}
.gotoPageTopContainer a img {
	display: inline-block;
	width: 45px; height: auto;
	/*-webkit-filter: none;
	filter: none;*/
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0, 0.5));
	filter: drop-shadow(0px 0px 2px rgba(0,0,0, 0.5));
}
.gotoPageTopContainer a:hover img {
	-webkit-filter: drop-shadow(0px 0px 3px #000);
	filter: drop-shadow(0px 0px 3px #000);
}

@media (min-width: 576px) {
	.gotoPageTopContainer.bottomStop {
		bottom: 90px;
	}
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}





/*
 * ページネーション --------------------------------------------------
 */
.pagingNavigation {
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0 0;
    position: relative;
    font-size: 12px; font-size: 1.2rem;
}
.pagination span,
.pagination a {
    color: #000;
    display: block;
    width: auto;
    margin: 0 2px;
    padding: 8px 12px;
    border: 1px solid #48cb7d;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    /*line-height: 16px;*/
    border-radius: 4px;
}
/* ページ番号 */
.pagination .pager{
    width: 32px;
}
/* ホバー時 & 現在のページ */
.pagination a:hover,
.pagination .current {
    color: #fff;
    border-color: #b7df20;
    background-color: #b7df20;
}
/* 前へ */
.pagination a.prev {
    margin-right: 6px;
    padding: 8px 8px;
}
/* 次へ */
.pagination a.next {
    margin-left: 6px;
    padding: 8px 8px;
}
/* 最初へ */
.pagination a.first {}
/* 最後へ */
.pagination a.last {}
/* Page x / y */
/*.pagination span.page_num {
    display: none;
}*/

.pagingNavigation .totalNumber {
    margin-top: 2px; margin-bottom: 0;
    text-align: center;
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}

.postNavi .prev a,
.postNavi .next a {
    color: #000;
    display: block;
    width: auto;
    margin: 0 2px;
    padding: 8px 12px;
    border: 1px solid #48cb7d;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    /*line-height: 16px;*/
    border-radius: 4px;
}
.postNavi .prev a:hover,
.postNavi .next a:hover {
    color: #fff;
    border-color: #b7df20;
    background-color: #b7df20;
}





/*
 * メイン --------------------------------------------------
 */
main {
	margin-top: 45px;
}
.mainColumn {
}
.col-lg-8.mainColumn {
	padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
}
.sideColumn {
	margin-top: 60px;
}

@media (min-width: 576px) {

}
@media (min-width: 768px) {
	.col-lg-8.mainColumn {
		padding-bottom: 60px;
	}
	.sideColumn {
		margin-top: 60px;
	}
}
@media (min-width: 992px) {
    .col-lg-8.mainColumn {
        padding-bottom: 30px;
    }
	.sideColumn {
		margin-top: 0;
	}
}
@media (min-width: 1200px) {

}





/* 
 * ウィジェット --------------------------------------------------
 */
.widgetSide {
    margin-top: 30px;
}
.widgetSide:first-child {
    margin-top: 0px;
}

.widgetTitle {
    margin-bottom: 15px;
    padding-left: 30px;
    background-image: url(./img/common/widget_title_icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px;
}

.widgetSide ul {
    margin-bottom: 10px;
    /*margin-left: 18px;*/ margin-left: 8px;
	padding-left: 0px;
	list-style: none outside;
}
.widgetSide ul li {
    margin-top: 0;
    padding-left: 22px;
    background-image: url(./img/common/li_marker.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 16px;
}
.widgetSide ul li + li {
	margin-top: 0.4em;
}

.widgetSide.widget_categories ul li {
    background-image: url(./img/common/li_marker_green.png);
}
.widgetSide.widget_recent_entries ul li {
    background-image: url(./img/common/li_marker_blue.png);
}

.widgetSide.widget_archive label.screen-reader-text {
    display: none;
}
.widgetSide.widget_archive select {
    margin-left: 30px;
    /*width: 100%;*/ width: calc(100% - 30px);

    display: block;
    /*width: 100%;*/
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    /*font-size: 1rem;*/ font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.widgetSide .widgetContentNone {
    margin-left: 30px;
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
    .widgetSide {
        margin-top: 0px;
    }
}
@media (min-width: 992px) {
    .widgetSide {
        margin-top: 30px;
    }
}
@media (min-width: 1200px) {

}





/*
 * 各ページ共通 --------------------------------------------------
 */
.entryHead {
/*
	margin-bottom: 30px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
*/
	margin-top: 60px;
}
.entryHead .entryHeadInfo {
/*
	margin: 0 auto;
	padding-top: 15px; padding-bottom: 15px;
*/
}
.entryHead .entryHeadInfo > li {
	margin-top: 5px;
}
.entryHead .entryHeadInfo > li:first-child {
	margin-top: 0;
}
.entryHead ul {
	padding-left: 0;
	list-style: none outside;
}
.entryHead ul.entryHeadInfo li.entryTax {
	margin-left: 0;
}

.postNavi {
    margin-top: 60px; margin-bottom: 0px;
}
.postNavi > * {
    margin-bottom: 0;
}

@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}





/*
 * 添付ファイルページ --------------------------------------------------
 */
.entryContent .attachmentImg {
    width: 100%;
}
.entryContent .attachmentImg img {
    width: 100%; height: auto;
}

.entryContent .attachmentInfo {
}
.entryContent .attachmentInfo h2 {
    margin: 0;
    border: none;
}
.entryContent .attachmentInfo h2:after {
    content: none;
}
.entryContent .attachmentInfo,
.entryContent .attachmentInfo dt,
.entryContent .attachmentInfo dd {
	margin: 0;
}
.entryContent .attachmentInfo dd + dt {
	margin-top: 15px;
}




/*
 * アーカイブ表示 --------------------------------------------------
 */
.archiveList {
	padding-left: 0;
	list-style: none outside;
}
.archiveList li.entryItem {
    padding-bottom: 20px;
    border-top: none; border-right: none; border-left: none;
	border-bottom: 1px solid #b7df20;
    border-radius: 0;
}
.archiveList li.entryItem + li.entryItem {
	margin-top: 45px;
}

.archiveList li.entryItem .entryEyecatch {
}
.archiveList li.entryItem .entryEyecatch a {
	position: relative;
    display: block;
}
.archiveList li.entryItem .entryEyecatch a:after {
	padding-top: 100%;
	display: block;
	content: "";
}
/*.archiveList li.entryItem .entryEyecatch a img {
    position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%; height: auto;
}*/
.archiveList li.entryItem .entryEyecatch a figure {
	position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.archiveList li.entryItem .card-body {
	padding-top: 0px;
}

.archiveList li.entryItem .entryDate,
.archiveList li.entryItem .entryTitle,
.archiveList li.entryItem .entryExcerpt,
.archiveList li.entryItem .entryTax,
.archiveList li.entryItem .entryExcerpt {
	margin-bottom: 5px;
}
.archiveList li.entryItem .entryExcerpt {
    display: none;
}

@media (min-width: 576px) {
    .archiveList li.entryItem .entryExcerpt {
        display: block;
    }
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}




/*
 * 404 --------------------------------------------------
 */
body.search .searchForm,
body.error404 .searchForm {
    margin: 60px auto;
}
body.search .searchForm form,
body.error404 .searchForm form {
    margin: 0 auto;
}
body.search .searchForm form .form-group,
body.search .searchForm form.form-inline .form-group,
body.error404 .searchForm form .form-group,
body.error404 .searchForm form.form-inline .form-group {
    margin: 0 auto;
}










/*
 * ■bx-slider --------------------------------------------------
 */
.bx-pager-custom {
	text-align: center;
	font-family: Arial;
	/* font-weight: bold; */
	color: #666;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	display: block;
}
.bx-pager-custom .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-pager-custom a {
	background-color: #cccccc;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-pager-custom a.active {
	background-color: #007bff;
}
.bx-pager-custom a:hover {
	background-color: ##0056b3;
}










/* 
 * ■（項目名） --------------------------------------------------
 */

@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}