@charset "utf-8";

/* ==================================================
base
================================================== */
* { font-family: -apple-system, BlinkMacSystemFont, Roboto,Hiragino Sans, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, sans-serif font-feature-settings: "palt" 1; }
body { font-size: 16px; line-height: 1.75em; font-weight: 400; text-align: center; color: #333; background: #fff; position: relative; }
@media screen and (min-width: 768px){
	body { font-size: 18px; }
}
.inner { width: 94%; max-width: 950px; margin: 0 auto; text-align: left; }

.pc { display: none !important; }
.sp { display: block !important; }
@media screen and (min-width: 768px){
	.pc { display: block !important; }
	.sp { display: none !important; }
}

a { outline: none; text-decoration: none; color: #333; }
a img {  }
a:hover {  }
img { vertical-align: top; max-width: 100%; }
@media screen and (min-width: 769px){
	a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; }
	a img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; }
	a:hover img { opacity: .8; }
}


/* ==================================================
header
================================================== */
#header { position: absolute; background: #f0eb54 !important; }

#siteLogo { text-align: center; padding: 1rem 0; }
#siteLogo a { display: block; }
#siteLogo img { display: block; height: 32px; min-height: 18px; margin: 0 auto; }
@media screen and (min-width: 768px){
	#header { position: static; height: auto; border-top: 8px solid #f0eb54; background: #fff !important; }
	#header .inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 0; }
	#siteLogo { padding: 0; }
	#siteLogo img { display: block; height: 50px; }
}

.drawer-hamburger { display: none; }
@media screen and (min-width: 768px){
	.drawer-hamburger { display: block; }
}

/* ==================================================
#globalNav
================================================== */
#globalNav { background: #f0eb54; padding: 3.75rem 5% 0; box-sizing: border-box; }
@media screen and (min-width: 768px){
	#globalNav { background: transparent; padding: 10px 0 0; }
}
/*---------headSearch*/
#headSearch { margin-bottom: 8%; }
#globalNav li,
.categories li { margin-bottom: 5%; }
#globalNav li a,
.categories li a { display: block; border: 1px solid #D5D5D5; background-color: #fff; background-repeat: no-repeat; background-position: .8em 50%; color: #333; border-radius: 6px; padding: 1em .5em; font-size: 14px; line-height: 1.5; text-align: center; }
#globalNav li a img,
.categories li a img { display: inline-block; vertical-align: middle; margin-right: .5em; }
#globalNav li a:active,
.categories li a:active { background-color: #EEFAE7; }

/*searchform*/
#headSearch { margin-bottom: 30px; }
.searchform { position: relative; width: 100%; height: 50px; }
.searchTxt{ position: absolute; left: 0; top: 0; outline: 0; width: 100%; height: 50px; font-size: 18px; line-height: 1.5; padding: .3em .8em; border-radius: 6px; border: 1px solid #707070; background: #fff; box-sizing: border-box; }
.searchBtn { width: 50px; height: 50px; position: absolute; right: 0; top: 0; border: none; background: url("../img/icnSearch.svg") no-repeat 50% 50%; background-size: 50%; text-indent: -999em; }
/*headCategories*/
.categories ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.categories li { width: 48%; }
/*headOthers*/
.headOthers {  }
.headOthers ul {  }
.headOthers li a { text-align: center; }
@media screen and (min-width: 768px){
	#headSearch,
	.headOthers { display: none; }
	#globalNav .categories ul { display: block; }
	#globalNav .categories ul li { display: inline-block; width: auto; margin: 0 0 0 .25em; }
	#globalNav .categories ul li a { position: relative; display: inline-block; border: 0; padding: 1em .5em; background: transparent !important; }
	#globalNav .categories ul li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 3px; background: #ACD593; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
	#globalNav .categories ul li a:hover::after { transform: scale(1, 1); }
	#globalNav .categories ul li a img { display: none; }
	.categories ul li a:hover { background-color: #EEFAE7; }
	#globalNav .categories ul li a:hover { background: transparent; }
}

.cat-item-1 a { background-image: url("../img/icn_gourmet.svg"); }
.cat-item-2 a { background-image: url("../img/icn_shop.svg"); }
.cat-item-3 a { background-image: url("../img/icn_leisure.svg"); }
.cat-item-4 a { background-image: url("../img/icn_museum.svg"); }
.cat-item-5 a { background-image: url("../img/icn_relaxation.svg"); }
.cat-item-6 a { background-image: url("../img/icn_hotel.svg"); }
.cat-item-137 a { background-image: url("../img/icn_wedding.svg"); }

/* ==================================================
#main
================================================== */
#main {  }
@media screen and (min-width: 768px){
	main { width: 94%; max-width: 950px; margin: 0 auto 50px; text-align: left; }
	#sidebar { width: 20%; }
	#contents { width: 75%; }
	#sidebar ul { display: block; }
	#sidebar ul li { width: 100%; }
}

/* ==================================================
footer
================================================== */
#footer {  }
#pageTop { border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; background: #F4F4F4; }
#pageTop a { display: block; text-align: center; padding: 3.5em 0 1em; background: url("../img/icnPageTop.svg") no-repeat 50% 1.5em; font-size: 12px; line-height: 1.5; }
#footer .inner { width: 100%; max-width: 600px; }
#snsBox { padding: 40px 0 30px; }
#footLogo { display: none; }
#snsBox ul { text-align: center; }
#snsBox ul li { display: inline-block; margin: 0 .3em; }
#snsBox ul li a { display: block; }
#snsBox ul li img { display: block; width: 1.5em; margin-right: 1em; }
#footNav {  }
#footNav ul { overflow: hidden; border-bottom: 1px solid #D1D1D1; }
#footNav ul li { float: left; width: 50%; border-top: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; background: #F4F4F4; box-sizing: border-box; }
#footNav ul li a { display: block; padding: 1em; font-size: 12px; line-height: 1.5; }
/* #footNav ul li:last-of-type { width: 100%; clear: both; } */
@media screen and (min-width: 768px){
	#pageTop a:hover { background: #EEFAE7 url("../img/icnPageTop.svg") no-repeat 50% 1em; }
	#footer .inner { display: flex; justify-content: space-between; padding: 40px 0 30px; }
	#snsBox,
	#footNav { width: 45%; display: block; }
	#snsBox { padding: 0; }
	#footLogo { display: block; margin-bottom: 1em; }
	#footNav ul { border: 0; }
	#footNav ul li { width: auto; border: 0; background: transparent; }
	#footNav ul li:nth-of-type(odd) { width: 50%; }
	#footNav ul li:nth-of-type(even) { width: 50%; }
	#footNav ul li a { padding: 0; margin-bottom: .75em; }
}

#copyright { font-size: 7px; line-height: 1.2; color: #333; padding: 2em; font-family: 'Montserrat', sans-serif; background: #f0eb54; }

/* ==================================================
Ajax Search Lite
================================================== */
#ajaxsearchlite2 { z-index: 0!important; }


/* ==================================================
contactform7
================================================== */
.wpcf7 .wpcf7-response-output {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.wpcf7 .wpcf7-mail-sent-ok {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.req{
    font-size: 12px;
    font-weight: normal;
    vertical-align: baseline;
}
div.wpcf7 .ajax-loader {
	display: none !important;
}
.wpcf7-mail-sent-ok {
	display:none !important;
}