@charset "utf-8";

@media (max-width: 980px) {
/**************************

common

**************************/
.sp-w980{
    display: block!important;
}
.site .innerWrap{
    padding: 0 2%;
}



/**************************

footer

**************************/
.footer-widget-area{
	padding: 60px 0;
}
.footer-widget-side{
	margin-bottom: 40px;
}
.footer-widget-area .widget{
	margin-bottom: 0;
}


}
@media (max-width: 782px) {

/**************************

common

**************************/
.pc,
.pc.pc-ib{
    display: none!important;
}
.sp{
    display: block!important;
}
.sp.sp-ib{
    display: inline-block!important;
}
.sp-text-left{
    text-align: left!important;
}
.site,
.site-content,
.content-area,
.site-footer,
#mainImg,
.site-main article header{
  min-width: initial;
}
.site-main article header{
  width: auto;
}
.commonSec .innerWrap{
  width: auto;
}


/**************************

header/nav

**************************/
.site-main article header{
    margin: 0 auto 60px;
    padding: 0 2%;
}
.site-main article header h1{
    background-color: #ccc;
    padding: 1px;
}
#masthead{
    height: 90px;
}
#masthead > div.logo.sp a img{
    width: auto;
    height: 50px;
}
#masthead > div.logo.sp a{
    display: block;
}
.site .firstView.innerWrap{
    height: auto;
}
.site .firstView.innerWrap.mini{
    position: static;
    height: 80px;
}
.drawer-content-inner{
    vertical-align: top;
    padding: 100px 20px 60px;
}
.drawer-hamburger{
	width: 28px;
	top: 25px;
	right: 2.5%;
	padding-top: 8px;
	padding-bottom: 18px;
	background-color: rgba(255,255,255,.7) !important;
}
.main-navigation ul li{
	margin-bottom: 0;
}
.main-navigation ul li a{
	display: block;
	padding: 20px 0;
	margin-bottom: 0;
	border-bottom: 1px solid #777;
}


/**************************

contact

**************************/
#wrap_contact{
width: 100%;
}
#wrap_contact table,
#wrap_contact table tbody,
#wrap_contact table tr,
#wrap_contact table tr th,
#wrap_contact table tr td{
display: block;
}

#wrap_contact table{
width: 100%;
border-width: 0 0 1px 0;
}

#wrap_contact table tr th,
#wrap_contact table tr td{
width: 90%;
padding: 3% 5%;
}

#wrap_contact table tr td{
border-width: 0px 1px 0px 1px;
}

/**************************

footer

**************************/
.site-footer .innerWrap{
    width: auto;
}
.site-footer .contactWrap{
    flex-wrap: wrap;
}
.site-footer .footerLogo.imgWrap{
    max-width: 200px;
    margin: 0 auto 30px;
}

}/* 782px */

/*@media (max-width: 499px) {*/
@media (max-width: 680px) {

/**************************

Lightbox

**************************/
.lb-data .lb-details{
    font-size: 18px;
}

/**************************

common

**************************/
.commonSec .innerWrap h2{
    margin: 0 0 20px;
}
.commonSec .innerWrap h2.h2-icon{
    font-size: 24px;
}
.h2-icon:before{
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    margin-top: 2px;
}
#sns-banner .flexWrap {
    justify-content: center;
}
#sns-banner .imgWrap{
    max-width: 480px;
    width: 100%;
}
#sns-banner .imgWrap:first-of-type{
    margin-bottom: 40px;
}

/**************************

header

**************************/
.mainImg-inner{
    top: 0;
    height: auto;
}
.mainImg-inner h2{
	position: relative;
	top: -150px;
	margin-bottom: 0;
	font-size: 18px;
}
.mainImg-inner h2 span{
	font-size: 24px;
}
.mainImg-inner h2 span.subText{
	font-size: 18px;
}


/**************************

mugwort-dango

**************************/

.commonSec:nth-child(odd) .innerWrap .take-out{
    width: auto;
    margin-right: 0;
}

/**************************

footer

**************************/
.site-footer .footerLogo.imgWrap{
    max-width: 200px;
    margin: 0 auto 30px;
}
.site-footer .address table{
    font-size: 14px;
}
.site-footer .address table tbody tr th{
    padding-left: 0;
}
.site-footer .address table tbody tr td{
    padding-right: 0;
}

.site-footer .innerWrap .flexItem:first-of-type{
    width: 100%;
    margin-right: 0;
}




}/* 499px */