@charset "UTF-8";
/*-------------------------*/
/* SPレイアウト 760px*/
/*-------------------------*/
@media screen and (max-width: 760px) {
  .sn {
    display: none;
  }
  .wrapper.is-back {
    position: relative;
    z-index: -1;
  }
  /*=============================
		Layout-Base
	===============================*/
  /* pagetop
	-------------------------*/
  #totop {
    clear: both;
    position: fixed;
    right: 0;
    bottom: 50px;
    top: auto;
    width: 60px;
  }
  #totop a {
    display: block;
  }
  /* header
	-------------------------*/
	#header.subHeader{height: auto;}
	
  .head .pn {
    text-align: left;
    padding: 10px 0;
    display: block;
  }
  .head .pn.front{ display:none;}
  .head .pn img {
    width:172px;
	height:45px;
  }
  
	header .overlay-scale.open .tel {
		width: auto;
		float: none;
		padding-top:0px;
		text-align:center;
		margin:15px auto 0
	}

  
  /* footer
	-------------------------*/
  #footer {
    padding: 63px 0 20%;
  }

	.telArea{
		width: 280px;
		margin:0 auto;
	}
	
	.tel {
		width: 230px;
		line-height: 25px;
		margin:5px auto 0;
	}
	.tel.sn{display:none;}
	.tel.pn{display:block;}
	.tel img{
		width:230px;
		height:auto;
	}

	.instaIcon{
		display:block;
		margin:20px auto 0;
	}
	.instaIcon ul{ text-align:center;}
	.instaIcon ul li{
		width: 35px;
		display:inline-block;
		margin:0 5px;
	}
	.instaIcon ul li img{
		width:35px;
		height:35px;
	}

  .ft_nav > ul > li {
    line-height: 50px;
    height: 50px;
    color: #fff;
    display: block;
    width: 48%;
    background: #0a185c;
    font-size: 13px;
    letter-spacing: 0.05em;
    margin: 0 0 10px;
    float: left;
  }
  .ft_nav > ul > li.icon{ display:none;}
  .ft_nav > ul > li:nth-child(even) {
    float: right;
  }
  .ft_nav > ul > li:nth-child(3) {
    font-size: 12px;
    letter-spacing: normal;
  }
  .ft_nav > ul > li:first-child, .ft_nav > ul > li:nth-child(8) {
    background: #0a185c;
  }
  .ft_nav a {
    margin: 0;
    display: block;
    text-decoration: none;
  }
  .ft_nav a:link, .ft_nav a:visited, .ft_nav a:hover, .ft_nav a:active {
    color: #fff;
  }
  /*=============================
		TopPage setting
	===============================*/
  .menu {
    width: 100%;
  }
  .menu li {
    margin: 0 0 4%;
    width: 48%;
  }
  .menu li:nth-child(2n) {
    float: right;
  }
  .greeting {
    padding: 55px 0 32%;
    position: relative;
    z-index: 0;
    text-align: left;
  }
  .greeting p {
    width: 100%;
  }
  .greeting .btn_about {
    position: static;
    margin-top: 30px;
  }
  .greeting .gImg {
    position: absolute;
    z-index: 10;
    right: -2%;
    bottom: -40px;
    width: 30%;
  }

.info li a{
	width: 100%;
	margin: 0 auto 20px;
	padding: 0 8% 20px;
	float: none;
}
.info li:nth-child(2n) a{float: none;}
.info li:nth-child(4)  a{
	float: none;
	margin: 0 auto 20px;
}

  .info li.post_none{
    margin: 0 auto;
    padding: 0;
    float: none;
  }

  .bnr {
    padding: 50px 0 30px;
  }
  .bnr li {
    margin: 0 0 20px;
    width: 48%;
  }
  .bnr li:last-child {
    margin-right: 0;
  }
  .bnr li:nth-child(2n) {
    float: right;
  }
  /*=============================
		Sub(Lower)Page setting
	===============================*/
  .h3_ttl02 {
    font-size: 5.5vw;
  }
  .h4_ttl {
    font-size: 5vw;
  }
  h2.subImg {
    height: 30vw;
    padding-top: 8vw;
    font-size: 5vw;
    background: url(../images/common/h2_bg.png) no-repeat right;
	margin-top:0;
  }
  h2.subImg span {
    font-size: 3.5vw;
  }
  h2.subImg.food {
    background: url(../images/food/h2_bg.png) no-repeat center;
    background-size: cover;
  }
  h2.subImg.shopping {
    background: url(../images/shopping/h2_bg.png) no-repeat center;
    background-size: cover;
  }
  h2.subImg.experience {
    background: url(../images/experience/h2_bg.png) no-repeat center;
    background-size: cover;
  }
  h2.subImg.appreciation {
    background: url(../images/appreciation/h2_bg.png) no-repeat center;
    background-size: cover;
  }
  #wrap-content.subContents {
    /* food */
    /* plusone */
    /* about */
    /* travel */
    /* box */
    /* wp-pagenavi */
    /* infomation */
  }
  #wrap-content.subContents .galleryArea ul li {
    width: 48%;
    margin-right: 1%;
  }
  #wrap-content.subContents .flowPoint {
    margin-top: 20px;
    padding: 20px;
    background-color: #d0e8fd;
  }
  #wrap-content.subContents .flowPoint dl {
    display: table;
    width: 100%;
    margin-top: 30px;
    padding: 20px;
    background-color: #fff;
  }
  #wrap-content.subContents .flowPoint dl:nth-of-type(1) {
    margin-top: 0;
  }
  #wrap-content.subContents .flowPoint dl dt {
    display: block;
    width: 100%;
    margin-bottom: 5vw;
    padding-bottom: 3vw;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    font-size: 5vw;
  }
  #wrap-content.subContents .flowPoint dl dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
  }
  #wrap-content.subContents .flowPoint dl dd .txt {
    width: 100%;
  }
  #wrap-content.subContents .flowPoint dl dd figure {
    width: 100%;
    margin-top: 3vw;
  }
  #wrap-content.subContents .flowPoint dl dd b {
    text-align: center;
    font-size: 20px;
  }
  #wrap-content.subContents .flowPoint .number {
    font-size: 7vw;
  }
  #wrap-content.subContents .guideBtn .btn {
    width: 100%;
  }
  #wrap-content.subContents .pdfBox .inner {
    width: 100%;
  }
  #wrap-content.subContents .pdfBox .inner p {
    font-size: 4.8vw;
  }
  #wrap-content.subContents .box01 > *:nth-of-type(1) {
    padding-right: 0;
  }
  #wrap-content.subContents .box01 .txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin-top: 5vw;
  }
  #wrap-content.subContents .box01 figure {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
  #wrap-content.subContents .box01.service .txt {
    width: 100%;
    font-size: inherit;
  }
  #wrap-content.subContents .box01.service figure {
    width: 100%;
  }
  #wrap-content.subContents .box01.imgBox {
    margin-top: 4vw;
  }

#wrap-content.subContents .info li a{
	width: 100%;
	margin: 0 auto 20px;
	padding: 0 8% 20px;
	float: none;
	height: auto!important;	
}
#wrap-content.subContents .info li:nth-child(2n) a{float: none;}
#wrap-content.subContents .info li:nth-child(4)  a{
	float: none;
	margin: 0 auto 20px;
}


  /* contact */
  .contact p.txt_contact {
    padding: 20px 20px;
    text-align: center;
    line-height: 180%;
    font-size: 13px;
  }
  .contact table.defTable01 {
    display: inline-table;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .contact table.defTable01 th {
    padding: 8px 10px 8px 10px;
    background: #f2f7f8;
    border-bottom: 1px dashed #d8ebef;
    border-top: 1px dashed #d8ebef;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .contact table.defTable01 td {
    padding: 8px 0px 8px 0px;
    border-bottom: none;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .contact table.defTable01 td.cen {
    text-align: center;
  }
  .contact table.defTable01 td.cen input {
    width: 100%;
  }
  .contact table.defTable01 a.bb01 {
    color: #efe384;
  }
  .contact table.defTable01 td.tel_area input {
    width: 30%;
  }
  .contact table.defTable01 input[type="checkbox"] {
    width: 4%;
  }
  .contact table.defTable01 .privacyBox {
    height: 250px;
  }
  .contact table.defTable01 .privacyBox p {
    font-size: 13px;
  }
  .contact table.defTable01 input {
    width: 100%;
  }
  .contact table.defTable01 textarea {
    width: 100%;
  }
  .contact table.defTable01 td.tel_area input {
    width: 30%;
  }
  .contact table.defTable01 input[type="checkbox"] {
    width: 15px;
  }
  .contact table.defTable01 span.wpcf7-list-item {
    display: block;
    margin: 0;
  }
  .contact table.defTable01 span.wpcf7-list-item.first {
    display: block;
    margin: 0;
  }
  .contact table.defTable01 span.wpcf7-list-item input {
    padding: 0px;
    margin: 0 5px 2px 0;
    width: 17px;
    height: 15px;
    vertical-align: middle;
  }
  /* food */
  .btnWrap .btn {
    width: 100%;
    margin-right: 0;
  }


  #wrap-content.subContents .wp-pagenavi a,
  #wrap-content.subContents .wp-pagenavi span {
    padding: 8px 3vw!important;
  }





.feeArea .midashi{
	font-size:16px;
	padding:10px;
}
.feeArea table.table01{margin-bottom:20px;}
.feeArea table.table01 tr th{
	padding:10px;
	border:#e5e5e5 solid 1px;
	border-top:none;
	border-bottom:none;
	display:block;
	width:100%;
}
.feeArea table.table01 tr:last-child th{border-bottom:none;}
.feeArea table.table01 tr td{
	padding:10px;
	border:#e5e5e5 solid 1px;
	border-top:none;
	border-bottom:none;
	display:block;
	width:100%;
}
.feeArea table.table01 tr td:last-child{
	padding:10px;
	border:#e5e5e5 solid 1px;
	border-top:#e5e5e5 dashed 1px;
	border-bottom:#e5e5e5 solid 1px;
}

.feeArea table.table02 tr th{
	padding:10px;
	width:100%;
	display:block;
}
.feeArea table.table02 tr td{
	padding:10px;
	width:100%;
	display:block;
}



#wrap-content.subContents .info {padding:0;}

#wrap-content.subContents #info{padding:12vw 0;}
#wrap-content.subContents #info2{padding:12vw 0;}
#wrap-content.subContents #info3{padding:12vw 0;}

#wrap-content.subContents #info .box01 {
    margin:20px 0 40px 0;
    padding:0;
}
#wrap-content.subContents #info2 .box01 {
    margin:20px 0 40px 0;
    padding:0;
}

#wrap-content.subContents section.spSection{padding:20px 0;}
#wrap-content.subContents section.spSection2{margin:0 auto;}
#wrap-content.subContents section.spSection3{padding:0;}
#wrap-content.subContents section.spSection4{padding:30px 0 0 0;}

#wrap-content.subContents section.spSection .h3_ttl:first-of-type{margin-top: 10px;}

#wrap-content.subContents .galleryArea {margin: 0 auto 20px;}
#wrap-content.subContents .galleryArea ul li {
	width:49%;
	margin:0 0 2% 0;
	float:left;
}
#wrap-content.subContents .galleryArea ul li:nth-child(2n){ float:right;}
#wrap-content.subContents .galleryArea ul li:nth-child(3),
#wrap-content.subContents .galleryArea ul li:nth-child(4){margin:0;}

#wrap-content.subContents .snsLink {margin-top: 20px;}
#wrap-content.subContents .page_nav {margin: 50px auto;}

.btn_sec1 .btn a,
.btn_sec1 .btn input { margin: 0 auto;}

.mbSp0{ margin-bottom:0;}

.contact .h3_ttl {font-size: 18px;}

.movie li {
    width: 100%;
    margin: 0 0 24px 0;
} 
 
.movie li:nth-child(2n) {
    margin: 0 0 24px 0;
}  
 
 
}

/*# sourceMappingURL=maps/sp.css.map */