@charset "UTF-8";


@media only screen and (max-width: 900px) {

/* common /////////////////////////////////////////////////////////////////////////////////////////// */

.spNone {
    display: none;
}

#cmn_schbutton {
    position: absolute;
    width: 40px;
    height: 50px;
    margin: 0 0 0 0;
    background: url(../img/cmn_toggle.svg) no-repeat;
    background-size: 100% 100%;
    top: 20px;
    right: 10px;
    z-index: 100;
}

#cmn_schbutton a {
	display:block; width:100%; height:100%;
}

#cmn_logo {
    width: 250px;
    margin: 23px 0 40px 20px;
}

#cmn_logo img {
    width: 350px;
}


.cmn_pc_nolink {
	pointer-events: auto;
}


#cmn_gnavi {
    display: none;
}

#cmn_conts_sub > h2 > span br {
    display: inline;
}

.remodal {
	width: 100%;
    height: 90%;
	border: 0px solid #ffffff;
}

#cmn_popup h1 {
    display: block;
    width: 250px;
    margin: 15px auto 30px auto;
}

.cmn_popup_box ul {
    margin: 0 0 20px 20px;
    font-size: 2.0rem;
}

.cmn_popup_box li {
    margin: 0 0 30px 0;
    font-size: 2.3rem;
    font-weight: bold;
}

.cmn_popup_box li img {
    width: 30px;
    margin: -4px 30px 0 0;
}

.home_flyer_inner {
    padding: 27px 10px 0 10px;
    text-align: center;
}

.home_info,
#home_shop {
    padding: 27px 10px 30px 10px;
}


#home_chirashi {
    width: 100%;
}

#home_event {
    width: 100%;
}

.home_conts_icon {
    width: 40px;
    margin: 0 0 15px 0;
}

.home_conts_title {
    padding: 0 0 15px 0;
    font-size: 2.4rem;
    letter-spacing: 3px;
}










.home_info_box li {
    width: 100%;
    height: 150px;
    margin: 0 0 10px 0;
}

.home_coupon_union li:nth-of-type(3n+1),
.home_info_box li:nth-child(3n) {
    width: 100%;
    height: 150px;
    margin: 0 0 10px 0;
}

.home_info_box dl {
}

.home_info_box dt {
    flex-shrink: 0;
    width: 120px;
}

.home_info_box dt > img {
    position: absolute;
}

.home_info_box dt > div  {
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.home_info_box dt div > img {
    max-width: none;
}

.home_info_box dd {
    width: 100%;
    padding: 7px 7px 7px 15px;
    background-color: #ffffff;
}

.home_info_box dd > span {
    display: block;
    margin: 0 0 24px 0;
    font-size: 1.2rem;
    color: #e83828;
}

.home_info_box dd > div {
    display: block;
    margin: 0 0 20px 0;
    font-size: 1.4rem;
    line-height: 130%;
}

.home_info_box dd > strong {
    display: block;
    font-size: 1.2rem;
    text-align: right;
}


.home_coupon_noinfo {
    padding: 40px 0;
    font-size: 1.5rem;
}


#home_shop_box ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#home_shop_box li {
    width: calc(100% - 24px);
    margin: 0 12px 10px 12px;
}

#home_shop_box li:nth-child(3n) {
    width: calc(100% - 24px);
    margin: 0 12px 10px 12px;
}


.cms_conts_subbox {
    margin: 10px 12px 100px 12px;
}




footer ul {
    flex-wrap: wrap;
    text-align: left;
}

footer ul li {
    width: calc(50% - 20px);
    margin: 0 0 15px 20px;

}

footer ul li:before {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    content: "";

}




/* info /////////////////////////////////////////////////////////////////////////////////////////// */

.info_box li:nth-of-type(odd) {
    width: calc(100% - 14px);
    margin: 0 7px 14px 7px;
    height: 150px;
}

.info_box li:nth-of-type(even) {
    width: calc(100% - 14px);
    margin: 0 7px 14px 7px;
    height: 150px;
}


/* shop /////////////////////////////////////////////////////////////////////////////////////////// */

.shop_box ul {
	width: 95%; margin: auto;
}

.shop_box ul li {
    width: calc(50% - 7px);
    margin: 0 7px 14px 0;
}

.shop_box ul li:nth-of-type(2n) {
    width: calc(50% - 7px);
    margin: 0 0px 14px 7px;
}


.shop_info_box ul {
	justify-content: center;
}


.shop_info_box li {
    width: 95%;
}

.shop_info_detail_ico_new {
    width: 72px;
}

.shop_info_detail_ico_coupon {
    top: -6px;
    width: 80px;
}


.shop_info_detail_inner li {
    width: 95%;
    margin: auto auto 20px auto;
	padding: 36px 20px 20px;
}


#shop_info_detail_coupon_open > label {
    padding: 17px;
    font-size: 1.7rem;
}

#shop_info_detail_coupon_conts {
    position: fixed;
    width: 94%;
    padding: 44px 30px;
}

.shop_info_detail_coupon_shopname {
    font-size: 1.8rem;
}

.shop_info_detail_coupon_shopname br {
    display: inline;
}

.shop_info_detail_coupon_outline {
    margin: 40px 0 0 0;
    font-size: 1.6rem;
}

.shop_info_detail_coupon_howto {
    margin: 40px 0 0 0;
    font-size: 1.4rem;
}

#shop_info_detail_coupon_conts button {
    padding: 17px;
    margin: 30px auto 0;
    font-size: 1.7rem;
}




/* coupon /////////////////////////////////////////////////////////////////////////////////////////// */

.coupon_union {
    margin-bottom: 50px;
}

.coupon_union dd .adjust {
    font-size: 1.5rem;
}

















}


@media only screen and (max-width: 780px) {



	.shopinfo_box dl {
		width: 95%; margin: auto;
		padding: 10px;
	}

	.shopinfo_box dl dt, .shopinfo_box dl dd {
		width: 100%;
	}






}


@media only screen and (max-width: 480px) {



	.shopinfo_box dl dd {
		width: 100%;
	}


	.shopinfo_box table,
	.shopinfo_box table tbody,
	.shopinfo_box table tr,
	.shopinfo_box table th,
	.shopinfo_box table td {
		display: block;
		text-align: left;
		width: 100%;
	}

	.shopinfo_box {
		padding: 2px 2px 2px 10px;
	}

	.shopinfo_box td {
		word-wrap: break-word;
		overflow-wrap: break-word;
	}




}