@charset "UTF-8";
/*============================================================
	Author and Copyright
		Author    :  prosysta Inc, (http://prosysta.co.jp/)
		Created   :  2017.01
		Modified  :  2017.01
============================================================*/

/* BASE Layout
--------------------------------------------- */

body {
	/*font-family: "游ゴシック体" , "YuGothic" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
}
img {
	height: auto; 
	max-width: 100%;
	vertical-align: top;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	word-break: break-all;
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	opacity: .85;
}
dd {
	margin-left: 0;
}
.wrapper {
	color: #000;
	border-top: #3F3F3F solid 3px;
}

.topics a:hover img {
	opacity: 1;
}
.container ,
.main ,
.teaser .pageTitle {
	margin: 0 auto; 
	max-width: 1000px;
}
/*.one-3 { width: 33.3333%; }*/
.one-3 { width: 50%; }
.one-2 { width: 50%; }
.flL { float: left; }
.flR { float: right; }
.dispTbl {
	display: table;
	margin-bottom: 0;
	width: 100%;
}

/* clearfix */
.cf:after {
	clear:both;
	content:" ";
	display:block;
}

/* device switch */
@media (max-width:767px) { /* forSP */
	.pc { display: none; }
}
@media (min-width:768px) { /* forPC */
	.sp { display: none; }
}


/* header
--------------------------------------------- */
.sNavItem ,
.gNavItem {
	display: inline-block;
}
.gNav {
	border-bottom: #E5E5E5 solid 1px;
}

/* contents
--------------------------------------------- */
.contents {
	line-height: 1.7;
}

a[class*="more-"] {
	position: relative;
	padding: 0.9em 1.5em;
	display: table;
	text-decoration: none;
	font-size: 1rem;
	margin: 2em auto 1em;
}
a.more-black {
	background: #404040;
	color: #fff;
	letter-spacing: .5em;
}
a[class*="more-"]::after {
	border-top: solid 1px;
	border-right: solid 1px;
	display: inline-block;
	content: "";
	height: .5em;
	width: .5em;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 1em;
}
.contactTxt {
	font-size: .9rem;
	text-align: center;
}
.contactTxt span {
	border-bottom: 4px solid #d8edf1;
}

@media (max-width:767px) { /* forSP */
header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
	background-color: #fff;
	border-top: #3F3F3F solid 3px;
	overflow: hidden;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	border-bottom: #E5E5E5 solid 1px;
}
.logo {
	padding-top: 2px;
	margin: 16px auto;
	text-align: center;
	width: 41%;
}
.contents {
	padding: 0 0; 
	font-size: 12px;
}
.main .container {
padding: 144px 0 20px;
}
.openTxt {
	padding: .8em 0 .6em;
	border-top: #E5E5E5 solid 2px;
	text-align: center;
}
.openTxt img {
	width: 80%;
	margin: auto;
}
.generalNav {
	margin: -.5em .35em 0 0;
}
.geneNavLink {
	display: block;
	background: url(../img/common/arwE02.png) no-repeat 96% center;
	background-size: 8px auto;
	padding: 1em 1.3em 1em .7em;
	font-size: 12px;
	line-height: 1.3;
}	
.address {
	margin-bottom: 2em;
}
.contactTxt {
	padding: 0 3em;
}


 /* forSP END */ }

@media (min-width:768px) { /* forPC */
header {
	position: fixed;
	width: 100%;
	z-index: 10000;
	background: #FFF;
	margin-top: -3px;
	border-top: #3F3F3F 3px solid;
}
.logo {
	margin: 18px auto;
	height: 54px;
	float: left;
	margin: 0;
	padding: 25px 0 25px 4px; 
}
.logo img {
	height: 54px;
	width: auto;
}
.subNav {
	font-size: 12.5px;
	border-bottom: #E5E5E5 solid 1px;
	height: 33px;
}
.facilities {
	/*font-family: 'Montserrat', sans-serif;*/
	padding: .6em 0 0;
}
.sNavItem::before {
	content: "|";
	display: inline-block;
    margin: 0 0.3em 0 0.1em;
	color: #E5E5E5;
}
.sNavItem:first-child::before {
	content: "";
}
.sNavItem:first-child .sNavLink {
	background: url(../img/common/arwW01.png) no-repeat left center;
	background-size: auto 8px; 
	padding-left: 10px;
}
.sNavLink {
	color: #000;
}
.openTxt {
	float: right;
	width: 40%;
	padding-top: 24px;
}
.main .container {
	padding: 30px 0 50px;
}
#top .main .container {
	padding-top: 170px;
}
.inner {
	overflow: hidden;
}
a[class*="more-"] {
	margin: 5em auto 1em;
	padding: 0.9em 3em 0.9em 3em;
}
a[class*="more-"]::after {
	right: 1.5em;
}
.contactTxt span {
	padding-bottom: .4em;
}



 /* forPC END */}


/* footer
--------------------------------------------- */
footer {
	background-color: #3F3F3F;
	margin-top: 30px;
	font-size: 13px;
	line-height: 1.7;
}
footer ,
footer .inner a {
	color: #fff;
}
.toPageTop {
	font-family: 'Montserrat', sans-serif;
	position: relative;
	/* top: -40px; */
	text-align: right;
	margin-bottom: .5em;
	margin-right: 2.5%;
	position: fixed;
	bottom: 1em;
	right: 0;
}
.toPageTop a {
	display: inline-block;
	background: rgba(255,255,255,.85) url(../img/common/arwTop.png) no-repeat 18% center;
	background-size: 9px auto;
	padding: .5em .6em .5em 25px;
	font-size: 15px;
	line-height: 1.1;
	border: #a0a0a0 solid 1px;
}
.toPageTop a:hover {
	text-decoration: none;
	background-color: #BFBFBF;
}
.footLogo img {
	width: auto;
}
.fNavItem {
	float: left;
	margin-right: 1.5em;
}
.fNavLink {
	display: block;
}
.flClear {
	float: none;
}
.copy {
	margin-top: 2.5em;
	font-size: 12px;
}

@media (max-width:767px) { /* forSP */
footer {
	padding: 35px 0 3em;
}
.toPageTop a {
	border: #a0a0a0 solid 1px;
}
.footInfo {
	margin-top: -.5em;
	text-align: center;
}
.footLogo {
	margin: 0 auto;
}
.footLogo img {
	height: 30px;
}
.fNavItem {
	background-color: #191919;
	width: 50%;
	margin: 0 0 1px;
}
.fNavLink {
	background: url(../img/common/arwE02.png) no-repeat 96% center;
	background-size: 8px auto;
	padding: 1em 1.1em 1em .9em;
	font-size: 12px;
	line-height: 1.3;
}
.fNavLink:nth-child(odd) {
	border-right: #3F3F3F solid 1px;
}
.copy {
	text-align: center;
}
/* forSP END */}

@media (min-width:768px) { /* forPC */
footer {
	padding: 45px 0 40px;
}
footer .container {
	position: relative;
	padding-bottom: .6em;
}
footer .inner {
	display: table;
	width: 100%;
}
.footInfo {
	display: table-cell;
	vertical-align: top;
	width: 33%;
	padding-left: 4px;
}
.footLogo {
	margin: 0;
	/*width: 163px;*/
}
.footLogo img {
	height: 34px;
}
.footNav {
	display: table-cell;
}
.fNavLink {
	background: url(../img/common/arwE01.png) no-repeat right center;
	background-size: 5px auto;
	padding: 0 13px 0 0;
	line-height: 2.4;
}

/* forPC END */}


@media (min-width:768px) and (max-width:1000px) {/* PC＆タブレット */
.footInfo {
	width: 38%;
}
/* PC用＆タブレット END */}



/* add 180525 */
html {
	font-size: 10px;
}
.wrapper footer {
    padding-top: 35px;
}
footer .copy {
	margin-left: 0;
	font-size: 12px;
}
.drawer {
	overflow-y: initial;
	color: #000;
}
.drawer a {
	color: #000;
}
.menu .facilities .item:nth-of-type(3n) .link::before {
    right: .9em;
}
a[class*="more-"] {
    font-size: 16px;
}
.contactTxt {
    font-size: 15px;
}

@media (max-width: 767px) {
header {
	padding: 0;
}
.generalNav {
    margin: .5em .35em 0 0;
}	
header.global h1 {
    padding-right: 0;
}
.main .container {
/*    padding-top: 40px;*/
    padding-top: 65px;
}
	
/* PC用 END */}

@media (min-width: 768px) {
header.global {
     height: 105px; 
}
.logo img {
	height: 49px;
}
.openTxt {
	width: 400px;
}
.opa-trigger {
	float: right;
	width: 11.1em;
    padding: .3em 1.5em .3em .7em;
    font-size: 14px;
    margin: 2.3em 0 .6em 2em;
    margin-bottom: .6em;
    cursor: pointer;
    border-radius: 1px;
    display: inline-block;
}
.opa-trigger::before {
    right: 12px;
}
#top .main .container {
	/*padding-top: 145px;*/
	padding: 101px 0 20px;
}
.menu .facilities .item:nth-of-type(3n+2).all-top .link, .menu .facilities .item:nth-of-type(3n+3).all-top .link , .drawer .opa-group {
    border: none;
}
.pc-on .facilities ul + p {
     margin: 0 0 3.5em; 
}
}

/* add 180530 */
@media (min-width: 768px) {
.menu .opa-group .facilities .item.all-top {
    width: 50%;
}
}
@media (min-width: 1024px) {
.menu .opa-group .facilities .item.all-top {
    width: 33.3333%;
}
}
@media (min-width: 1200px) {
.menu .opa-malls .facilities .item.all-top {
    width: 25%;
}
}

@media (min-width: 768px) {
.pc-on {
    top: 1.5em;
    left: initial;
    right: 4%;
    width: 95%;
    max-width: 1100px;
    min-width: 1050px;

    left: initial;
    min-width: 97vw;
}
}


/* add 180727 */
.openTxt ,
.global .openStaff-bnr {
	display: inline-block;
	vertical-align: middle;
}
.openTxt {
	width: 55%;
}
.global .openStaff-bnr {
	width: 40%;
}
a.more-black {
	background: none;
	border: 1px solid #404040;
	color: #404040;
	margin-top: 3em;
}
a.more-black:hover {
	background: #404040;
	color: #FFF;
	opacity: 1;
}
.contents .openStaff-bnr {
	text-align: center;
}
@media (max-width: 767px) {/* SP */
.head-r-area {
	padding: .8em 0 .6em;
	border-top: #E5E5E5 solid 2px;
	text-align: center;
}
.openTxt {
	padding: 0;
	border-top: 0;
}
.openTxt {
	padding: 0 10px;
}
.openTxt img {
	width: 100%;
}
.contents .openStaff-bnr ,
.contents .openStaff-bnr img {
	width: 100%;
}
}
@media (min-width: 768px) {/* PC */
.head-r-area {
	float: right;
	padding-top: 14px;
}
.openTxt {
	padding-top: 0;
	padding-right: 20px;
	float: none;
}	
.head-r-area {
	max-width: 560px;
}
.head-r-area .geneNavLink {
	display: block;
	background: url(../img/common/arwE02.png) no-repeat 96% center;
	background-size: 8px auto;
	padding: 1em 1.3em 1em .7em;
	line-height: 1.3;
}
.openTxt {
	width: 365px;
}
.global .openStaff-bnr {
	width: 190px;
}
}
@media (min-width:768px) and (max-width:1000px) {/* PC＆タブレット */
.head-r-area {
	max-width: 340px;
	padding-top: 30px;
}
.openTxt {
	width: 200px;
}
.global .openStaff-bnr {
	width: 100px;
}

}


/* add 180807 */
.foot-bnr-area {
	text-align: center;
}

@media (max-width: 767px) {/* SP */
.foot-bnr-area {
	width: 70%;
	margin: auto;
}
.foot-bnr-area > [class*="-bnr"]:nth-child(even) {
	margin-top: 2em;
}
a.more-black {
	margin-top: 2em;
}

}
@media (min-width: 768px) {/* PC */
.foot-bnr-area {
	width: 706px;
	margin: auto;
}
.foot-bnr-area > [class*="-bnr"] {
	width: 326px;
	float: left;
}
.foot-bnr-area > [class*="-bnr"]:nth-child(even) {
	float: right;
}
.foot-bnr-area > [class*="-bnr"] a {
	display: block;
}
}


/*oshima*/

h2{
		text-align: center;
    padding: 0.2em 1em;
    margin: 0em 0;
    color: #000000;
    background: #C0C0C0;/*背景色*/
}

h3.shopname{
		text-align: center;
	  border-bottom: solid 2px gray;
}

.shop-info p span{
	font-weight: bold;
  justify-content: center;
}

*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 20px 30px;
}
	
@media screen and (max-width: 960px) {
	h3.shopname{
		font-size: 16px;
	}

	.col_2 > div{
		width: 100%;
	}
}


.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_1 > div p ,
.col_2 > div p {
	font-size: 14px;
}
.col_1 > div{
	width: 100%;
	padding: 30px;
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

@media (max-width: 767px) {/* SP */
	.col_2 > div{
	padding: 10px;
	}
	.col_1 > div{
	padding: 10px;
	}
	h2{
	margin: 50px 0px 20px 0px;
	}
	h2:first-of-type{
	margin: 20px 0px 20px 0px;
	}

	.title{
		text-align: center;
    margin: 1.2em 0;
/*		font-size: 250%;*/
		font-size: 25px;
	}
	
  .sp_br{
   display: none;
	}
	
	.logo{
	width: 55%;
	}
	
	.keyvisual{
    margin: 0em 0;
	}
}

@media(min-width: 768px) {/* PC */
	h2{
	margin: 80px 0px 0px;
	}
	h2:first-of-type{
	margin: 40px 0px 0px;
	}
	
	.title{
		text-align: center;
    margin: 0.5em 0;
		font-size: 250%;
	}
.col_1 > div p ,
.col_2 > div p {
	font-size: 16px;
	}
	.logo img {
		height: 54px;
		width: 380px;
	}
	.keyvisual{
    margin: 2em 0;
	}
}