/* CSS Document */


/* 481px以下 */
@media (max-width: 767px) {
    .headerPC {
       display: none;
    }
    .site-headeror {
        display: none;
    }
    .pcmenu_mj { 
        display: none;
    }
    .homa_mj {
        height: 80px;
    }
}

/* 768px以上 */
@media (min-width: 768px) {
    .headerPC {
        display: block;
        margin: 10px;
        overflow: hidden;
        background-color: #000;
        color: #fff;
    }
    .headerPC h1 {
        margin: 0px;
        padding: 0px;
        font-size:80%;
    }
    .head_subtitle {
        display: block;
        text-align: right;
        padding-right: 30px;
        padding-top: 30px;
    }
    .head_L1 {
        float: left;
        width: 30%;
    }
    .head_L2 {
        float: left;
        width: 40%;
    }
    .head_L3 {
        float: left;
        width: 30%;
    }
    .inquiry_time {
        font-size: 80%;
        display: block;
        margin-bottom: 30px;
    }
    .site-headeror {
        background: #8B1E3E;
        font-size: 90%;
        display: flex;
        padding: 20px;
        position: absolute;
        justify-content: space-between;
        width: 100%;
    }
    .site-headeror.fixed{
        position: fixed;
        z-index: 99999;
        top: 0;
    }
    .site-logo img{
        height: 20px;
        width: auto;
    }
    .gnav {
        width: 100%;
        margin: auto;
    }
    .gnav__menu{
        display: flex;
        justify-content:center;
    }
    .gnav__menu__item{
        margin-right: 15px;
    }
    .gnav__menu__item:last-child{
        margin-right: 0px;
    }
    .gnav__menu__item a{
        color: #ffffff;
        text-decoration: none;
    }
    .hero{
        max-height: 500px;
        overflow: hidden;
        border-bottom: solid 1px #2E2E2E;
        background-color: #000;
    }
    .pcmenu_mj {
        height: 60px;
    }
    .homa_mj {
        height: 100px;
    }
}

/* 992px以上 */
@media (min-width: 980px) {
    .headerPC {
        width: 980px;
        margin: 10px auto;
        overflow: hidden;
        background-color: #000;
        color: #fff;
    }
    .headerPC h1 {
        margin: 0px;
        padding: 0px;
        font-size:80%;
    }
    .head_L1 {
        float: left;
        width: 300px;
    }
    .head_L2 {
        float: left;
        width: 350px;
    }
    .head_L3 {
        float: left;
        width: 330px;
    }
    .head_subtitle {
        font-size:  120%;
        display: block;
        text-align: right;
        padding-right: 30px;
        padding-top: 40px;
    }
    .inquiry_time {
        font-size: 80%;
        display: block;
        margin-bottom: 30px;
    }
    .site-headeror {
        background: #8B1E3E;
        font-size: 100%;
        display: flex;
        padding: 20px;
        position: absolute;
        justify-content: space-between;
        width: 100%;
    }
    .site-headeror.fixed{
        position: fixed;
        z-index: 99999;
        top: 0;
    }
    .site-logo img{
        height: 20px;
        width: auto;
    }
    .gnav {
        width: 980px;
        margin: auto;
    }
    .gnav__menu{
        display: flex;
        justify-content:center;
    }
    .gnav__menu__item{
        margin-right: 35px;
    }
    .gnav__menu__item:last-child {
        margin-right: 0px;
    }
    .gnav__menu__item a{
        color: #ffffff;
        text-decoration: none;
    }
    .hero{
        max-height: 500px;
        overflow: hidden;
        border-bottom: solid 1px #2E2E2E;
        background-color: #000;
    }
    .pcmenu_mj {
        height: 60px;
    }
    .homa_mj {
        height: 100px;
    }
}

/* 1200px以上 */
@media (min-width: 1200px) {
    .headerPC {
        width: 980px;
        margin: 10px auto; 
        overflow: hidden;
        background-color: #000;
        color: #fff;
    }
    .headerPC h1 {
        margin: 0px;
        padding: 0px;
        font-size:80%;
    }
    .head_subtitle {
        font-size:  120%;
        display: block;
        text-align: right;
        padding-right: 30px;
        padding-top: 40px;
    }
    .head_L1 {
        float: left;
        width: 300px;
    }
    .head_L2 {
        float: left;
        width: 350px;
    }
    .head_L3 {
        float: left;
        width: 330px;
    }
    .inquiry_time {
        font-size: 80%;
        display: block;
        margin-bottom: 30px;
    }
    .site-headeror{
        background: #8B1E3E;
        display: flex;
        font-size: 100%;
        padding: 20px;
        position: absolute;
        justify-content: space-between;
        width: 100%;
    }
    .site-headeror.fixed{
        position: fixed;
        z-index: 99999;
        top: 0;
    }
    .site-logo img{
        height: 20px;
        width: auto;
    }
    .gnav {
        width: 980px;
        margin: auto;
    }
    .gnav__menu{
        display: flex;
        justify-content:center;
    }
    .gnav__menu__item{
        margin-right: 40px;
    }
    .gnav__menu__item:last-child {
        margin-right: 0px;
    }
    .gnav__menu__item a{
        color: #ffffff;
        text-decoration: none;
    }
    .hero{
        max-height: 500px;
        overflow: hidden;
        border-bottom: solid 1px #2E2E2E;
        background-color: #000;
    }
    .pcmenu_mj {
        height: 60px;
    }
    .homa_mj {
        height: 100px;
    }
}


.Facebook_block {
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 10px;
}
.Instagram_block {
    height: 30px;
    width: 30px;
    float: left;
}
.FI_block {
    display: block;
    overflow: hidden;
}
.head_L3subbox {
    text-align: right;
    display: block;
    padding-right: 10px;
}

.inquiry_head {
    background-image: url(../img/inquiry.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 110%;
    display: inline-block;
    line-height: inherit;
    margin-bottom: 10px;
    padding-left: 25px;
}
.inquiry_head a {
	text-decoration: none;
	color: #6D5560;
}
.reserve_head {
    background-image: url(../img/reserve.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 110%;
    display: inline-block;
    line-height: inherit;
    margin-bottom: 10px;
    padding-left: 25px;
}
.freePhone_head {
    background-image: url(../img/tel.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 170%;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 35px;
	color: #6D5560;
}
.reserve_head a {
	text-decoration: none;
	color: #6D5560;
}

.btbox_head ul li a {
    text-decoration: none;
    color: #5B4B52; 
}


.inner {
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}
#top-head a,
#top-head {
	color: #fff;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
}
#global-nav ul li {
	float: left;
	position: relative;
}
#global-nav ul li a {
	padding: 0 30px;
}

/* Btn Hover */
#global-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#global-nav ul li:hover:after {
	background: #fff;
	bottom: -30px;
}


/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 10px;
	height: 55px;
	background: #ffffff;
	background: rgba(255,255,255,.7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
	font-size: 24px;
	color: #5B4B52;
}
#top-head.fixed #global-nav ul li a {
	color: #5B4B52;
	padding: 0 20px;
}

/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
	bottom: -10px;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #0062B8;
	bottom: -20px;
}


/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #5B4B52;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
.hb_menubox {
    float: right;
    width: 18%;
}

.hb_menubox1 {
    float: left;
    width: 28%;
    max-height: 80px;
}
.hb_menubox2 {
    float: left;
    width: 18%;
    max-height: 80px;
}

/* 481px以下 */
@media (max-width: 767px) {
    .sp_menu {
        margin: 0px;
        padding: 0px;
    }
    #main-visual {
		display: none;
	}
    #main-visual2 {
		height: 60px;
	}
	#top-head,
	.inner {
		width: 100%;
		padding: 0;
        z-index: 99999;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
        /*border-bottom: solid 1px #6E5661;*/
        z-index: 99999;
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
        
	}
	#mobile-head {
		background: #fff;
		width: 100%;
		height: 80px;
		z-index: 99999;
		position: relative;
	}
    #mobile-head img {
        max-height: 80px;
    }
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
        left: 0px;
		top: 0px;
		color: #ffffff;
	}
    #top-head .logo img {
        height: 80px;
        margin-top: 0px;
        margin-left: 0px;
        float: left;
        /*margin-right: -20px;*/
    }
    .logoimag_line {
        padding-left: -1px;
        /*border-right: #5B4B52 1px solid;*/
    }

#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -450px;
		background: #ffffff;
		width: 100%;
		text-align: center;
		padding: 0px;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 120%;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #6E5661;
		padding: 18px 0;
	}
	#nav-toggle {
		display: block;
        margin: 13px 10px 13px 10px;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}


}

/* 768px以上 */
@media (min-width: 768px) {
    .sp_menu {
        display: none;
    }

}

/* 992px以上 */
@media (min-width: 980px) {
    .sp_menu {
        display: none;
    }

}

/* 1200px以上 */
@media (min-width: 1200px) {
    .sp_menu {
        display: none;
    }
}


/* 481px以下 */
@media (max-width: 767px) {
    .was_footer {
        background-color: #000;
        padding: 10px 0px;
        text-align: center;
        color: #fff;
        /*margin-bottom: 65px;*/
        display: block;
    }
    .pc_bottom {
        display: none;
    }
    
    .sp_bottom {
        display: block;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }
    .sp_free img {
        max-width: 80%;
    }
    .sp_maillink a {
        text-decoration: none;
        color: #6E5661;
        margin-top: 10px;
    }
    .bottom_fibox {
        margin-top: 20px;
        overflow: hidden;
    }
    .fi_box1 {
        float: left;
        width: 20%;
    }
    .fi_box2 {
        float: left;
        width: 60%;
    }
    .fi_box2 a {
        background-color: #8B1E3E;
        display: inline-block;
        padding: 0px 20px 5px 20px;
        font-size: 90%;
        line-height: inherit;
        /*margin-top: 5px;*/
        color: #ffffff;
        text-decoration: none;
    }
    .fi_box3 {
        float: right;
        width: 20%;
    }
    .sp_copyrightbox {
        color: #8B1E3E;
        padding: 10px 0px;
    }
    .was_topbluemenu {
        background-color: #59739B;
        margin-top: 30px;
        margin-bottom: 30px;
        display: block;
        padding: 20px;
        color: #ffffff;
        font-size: 100%;
    }
    .was_topbluemenu ul {
        line-height: 30px;
    }
    .was_topbluemenu ul li {
        padding: 20px 0px 0px 0px;
    }
}

/* 768px以上 */
@media (min-width: 768px) {
    .was_footer {
        background-color: #000;
        padding: 10px 0px;
        text-align: center;
        color: #fff;
     }
    .pc_bottom {
        width: 100%;
        overflow: hidden;
    }
    .bottom_LF {
        width: 50%;
        float: left;
    }
    .fi_imgbox {
        padding: 10px;
        overflow: hidden;
    }
    .fi_imgbox img {
        width: 30px;
        margin-right: 10px;
        float: left;
    }
    .bottom_maintitle {
        font-size: 100%;
        padding-left: 10px;
        margin-bottom: 15px;
    }
    .bottom_comtitle {
        font-size: 100%;
        margin-top: 12px;
        margin-bottom: 12px;
        padding-left: 10px;
    }
    .bottom_LF ul li {
        padding-left: 20px;
        margin-bottom: 10px;
        line-height: 130%;
        font-size: 80%;
    }
    .sp_bottom {
        display: none;
    }
    .was_topbluemenu {
        background-color: #59739B;
        margin-top: 30px;
        margin-bottom: 30px;
        display: block;
        padding: 20px;
        color: #ffffff;
        font-size: 100%;
    }
    .was_topbluemenu ul {
        line-height: 30px;
    }
    .was_topbluemenu ul li {
        padding: 20px 0px 0px 0px;
    }
    .freePhone_headtop {
        background-image: url(../img/tel.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        font-size: 150%;
        display: inline-block;
        line-height: inherit;
        margin-bottom: 10px;
        padding-left: 35px;
        color: #6D5560;
    }
}

/* 992px以上 */
@media (min-width: 980px) {
    .was_footer {
        background-color: #000;
        padding: 10px 0px;
        text-align: center;
        color: #fff;
    }
    .pc_bottom {
        width: 980px;
        margin: 0px auto;
        overflow: hidden;
    }
    .bottom_LF {
        width: 50%;
        float: left;
    }
    .fi_imgbox {
        padding: 10px;
        overflow: hidden;
    }
    .fi_imgbox img {
        width: 30px;
        margin-right: 10px;
        float: left;
    }
    .bottom_maintitle {
        font-size: 120%;
        margin-bottom: 15px;
    }
    .bottom_comtitle {
        font-size: 120%;
        margin-top: 12px;
        margin-bottom: 12px;
        padding-left: 10px;
    }
    .bottom_LF ul li {
        padding-left: 20px;
        font-size: 100%;
        margin-bottom: 5px;
        line-height: 130%;
    }
    .sp_bottom {
        display: none;
    }
    .was_topbluemenu {
        background-color: #59739B;
        margin-top: 30px;
        margin-bottom: 30px;
        display: block;
        padding: 20px;
        color: #ffffff;
    }
    .was_topbluemenu ul {
        line-height: 30px;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .was_topbluemenu ul li {
        padding: 20px 0px 0px 0px;
    }
    .freePhone_headtop {
        background-image: url(../img/tel.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        font-size: 170%;
        display: inline-block;
        line-height: inherit;
        margin-bottom: 10px;
        padding-left: 35px;
        color: #6D5560;
    }
}

/* 1200px以上 */
@media (min-width: 1200px) {
    .was_footer {
        background-color: #000;
        padding: 10px 0px;
        text-align: center;
        color: #fff;
    }
    .pc_bottom {
        width: 980px;
        margin: 0px auto;
        overflow: hidden;
    }
    .bottom_LF {
        width: 50%;
        float: left;
    }
    .bottom_MJ {
        margin: 10px;
    }
    .fi_imgbox {
        padding: 10px;
        overflow: hidden;
    }
    .fi_imgbox img {
        width: 30px;
        margin-right: 10px;
        float: left;
    }
    .bottom_maintitle {
        font-size: 120%;
        margin-bottom: 15px;
    }
    .bottom_comtitle {
        font-size: 120%;
        margin-top: 11px;
        margin-bottom: 11px;
        padding-left: 10px;
    }
    .bottom_LF ul li {
        padding-left: 20px;
        margin-bottom: 5px;
        font-size: 100%;
        line-height: 140%;
    }
    .sp_bottom {
        display: none;
    }
    .was_topbluemenu {
        background-color: #59739B;
        margin-top: 30px;
        margin-bottom: 30px;
        display: block;
        padding: 20px;
        color: #ffffff;
        font-size: 100%;
    }
    .was_topbluemenu ul {
        line-height: 30px;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .was_topbluemenu ul li {
        padding: 20px 0px 0px 0px;
    }
    .freePhone_headtop {
        background-image: url(../img/tel.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        font-size: 170%;
        display: inline-block;
        line-height: inherit;
        margin-bottom: 10px;
        padding-left: 35px;
        color: #6D5560;
    }
}

.was_topbluemenu a {
    font-size: 90%;
    /*border-bottom: solid 2px #ffffff;*/
    text-decoration: none;
    color: #ffffff;
    display: block;
}

.cssArrow_r{
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0 2em 0.5em 0.5em;
    border-bottom: 2px solid #ffffff;
    line-height: 1em;
}

.cssArrow_r::after{
    position: absolute;
    right: 0;
    bottom: -2px;
    border-right: 1.5em solid #59739B;
    border-bottom: 0.7em solid #ffffff;
    content: "";
}

.bottom_LF ul {
    margin-top: 10px;
    margin-bottom: 20px;
}




.bottom_telbox {
	overflow: hidden;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bottom_telLF70 {
	float: left;
	width: 70%;
}
.bottom_telLF30 {
	float: left;
	width: 30%;
}
.bottom_LF a {
    text-decoration: none;
    color: #6D5660;
}
.bottom_mapbox {
    width: 95%;
}

.top_lineuplinkbox {
    font-size: 80%; 
    padding-top: 30px;
    text-align: right;
    display: block;
    padding-right: 10px;
}
.top_lineuplinkbox a {
    border: solid 1px #8B1E3E;
    padding: 5px 10px;
}

.topunder_bnspace {
    margin-top: 30px;
    margin-bottom: 30px;
}
.top_7designbox {
    display: block;
    background:url(../img/top7designBG.jpg) no-repeat center center;
    background-size:cover;
    color: #ffffff;
    text-shadow: 1px 2px 3px #808080; 
    padding-bottom: 50px;
    padding-top: 50px;
}
.top_7designbox .was_contents p {
    line-height: 200%;
}

/* sp */

@media screen and (max-width: 760px) {
    /*ボタン装飾*/
    .hidden_box {
        margin: 2em 0;
        padding: 0;
    }

    .hidden_box label {
        margin-bottom: 20px;
        padding: 15px;
        border: solid 1px black;
        cursor :pointer;
    }


    /*ボタンホバー時*/
    .hidden_box label:hover {
        background: #efefef;
    }

    /*チェックは見えなくする*/
    .hidden_box input {
        display: none;
    }

     /*中身を非表示にしておく*/
    .hidden_box .hidden_show {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.8s;
    }

    /*クリックで中身表示*/
    .hidden_box input:checked ~ .hidden_show {
        padding: 10px 0;
        height: auto;
        opacity: 1;
    }
}

/* tb */

@media screen and (min-width: 760px) {
    .hidden_box {
        margin: 2em 0;
        padding: 0;
    }

    .hidden_box label {
        margin-bottom: 20px;
        padding: 15px;
        border: solid 1px black;
        cursor :pointer;
    }


    /*ボタンホバー時*/
    .hidden_box label:hover {
        background: #efefef;
    }

    /*チェックは見えなくする*/
    .hidden_box input {
        display: none;
    }

     /*中身を非表示にしておく*/
    .hidden_box .hidden_show {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.8s;
    }

    /*クリックで中身表示*/
    .hidden_box input:checked ~ .hidden_show {
        padding: 10px 0;
        height: auto;
        opacity: 1;
    }
}

/* pc */

@media screen and (min-width: 1020px) {
    .hidden_box label {
        display: none;
    }

    /*ボタンホバー時*/
    .hidden_box label:hover {
        background: #efefef;
    }

    /*チェックは見えなくする*/
    .hidden_box input {
        display: none;
    }

     /*中身を非表示にしておく*/
    .hidden_box .hidden_show {
        padding: 10px 0;
        height: auto;
        opacity: 1;
    }

    /*クリックで中身表示*/
    .hidden_box input:checked ~ .hidden_show {
        padding: 10px 0;
        height: auto;
        opacity: 1;
    }
}

/* sp */

@media screen and (max-width: 760px) {
    .contentsmap ul li a {
        text-decoration: none;
        display: block;
        color: #433838;
        margin: 0px 10px;
        padding: 8px 0px;
        border-bottom: 1px solid #737373;
    }
    .sp-fix-list { 
        position: fixed;
        bottom: 0;
        z-index: 777;
        background-color: #000;
        display: block;
        padding: 5px 0px;
        /*height: 50px;*/
        width: 100%;
        font-size: 70%;
    }
    .sp-fix-list ul {
        width: 100%;
    }
    .sp-fix-list ul li:first-child {
        min-width: 50%;
    }
    .sp-fix-list ul li {
        text-align: center;
        min-width: 25%;
    }
    .sp-fix-list ul li:first-child a {
        text-align: center;
        display: block;
        border-left: none;
    }
    .sp-fix-list ul li a {
        text-align: center;
        display: block;
        border-left: solid 2px #fff;
    }
}

/* tb */

@media screen and (min-width: 760px) {
    .contentsmap ul li a {
        text-decoration: none;
        display: block;
        color: #433838;
        margin: 0px 10px;
        padding: 8px 0px;
        border-bottom: 1px solid #737373;
    }
}

/* pc */

@media screen and (min-width: 1020px) {
    .contentsmap {
        display: block;
    }
    .contentsmap ul {
        width: 100%;
        overflow: hidden;
    }
    .contentsmap ul li {
        width: 240px;
        float: left;
        text-align: left;
    }
    .contentsmap ul li a {
        text-decoration: none;
        text-align: center;
        display: block;
        color: #433838;
        border-bottom: none;
    }
    .contentsmap ul li a:hover {
        font-weight: 600;
    }
    .contentsmap ul li a:hover img {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }

}
/* sp */

@media screen and (max-width: 760px) {
    .maptitle {
        color: #ffffff;
        background-color: #B18444;
        margin: 8px 0px;
        font-size: 120%;
        display: block;
        padding: 8px 0px;
    }
}

/* tb */

@media screen and (min-width: 760px) {
    .maptitle {
        color: #ffffff;
        background-color: #B18444;
        margin: 8px 0px;
        font-size: 120%;
        display: block;
        padding: 8px 0px;
    }
}

/* pc */

@media screen and (min-width: 1020px) {
    .maptitle {
        color: #B18444;
        text-align: center;
        background-color: #ffffff;
        margin: 8px 0px;
        font-size: 120%;
        display: block;
        padding: 8px 0px;
    }
}
.mapboxCE {
    text-align: center;
    display: block;
}