@charset "utf-8";
.pc{ display:none;}
.sp{ display:block;}
img{max-width: 100%;}
.inner{
    width: 94% !important;
    margin: 0 auto;
}
.prologue{ padding: 0 0 10px; font-size: 12px;}


/*---.inqArea---*/
.inqArea{
    text-align: center;
    padding: 40px 20px;
    box-sizing: border-box;
}
.inqArea .inq_btn a{
    background: #f0507f;
    width: 100%;
    height: 66px;
    border-radius: 10px;
    border-bottom: 6px solid #c8184b;
    line-height: 76px;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    padding: 0 50px;
    box-sizing: border-box;
}
.inqArea .inq_btn a:hover{
    border-bottom: 4px solid #c8184b;
    position: relative;
    bottom: -2px;
    height: 66px;
}
.inqArea .inq_btn a:after{
    content: "";
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    position: absolute;
    right: 22px;
    top: 46%;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
}
.inqArea .inq_tel a{
    display: inline-block;
    position: relative;
}
.inqArea .inq_tel a:after{
    content: "";
    border-right: 3px solid #f0507f;
    border-top: 3px solid #f0507f;
    position: absolute;
    right: -22px;
    top: 7px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-radius: 2px;
}


/*---.header menu---*/
header #menu{
	display:block;
	top:0;
	left:0;
	width:100%;
	position:fixed;
	z-index:9;
	display:none;
}

header #menu #mainmenu{
	width:auto;
	display:block;
}

header #menu #mainmenu li{
	float:none;
	display:block;
	width:100%;
	background:none;
    text-align: center;
}
header #menu #mainmenu li ~ li{
	border-top:1px solid #fff;
}
nav ul#mainmenu a{
	height:49px;
	line-height:49px;
    text-decoration: none;
}
header #menubtn{
	background:#000;
	border:8px solid #000;
	display:block;
	width:13px;
	height:13px;
	position:fixed;
	top:0px;
	right:0px;
	box-sizing:content-box !important;
	padding:10px;
	z-index:10;
}

header #menubtn,
header #menubtn span {
	/* display: inline-block; */ /* 20181213 Edit */
	display: none;
	transition: all .4s;
	box-sizing: border-box;
}
header #menubtn span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
}
header #menubtn span:nth-of-type(1) {
	top: 6px;
}
header #menubtn span:nth-of-type(2) {
	top: 15px;
}
header #menubtn span:nth-of-type(3) {
	bottom: 6px;
}

header #menubtn.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
header #menubtn.active span:nth-of-type(2) {
	opacity: 0;
}
header #menubtn.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}


#seijinshiki #header .inner nav#menu {
	background-color:#EC577C;
}
#seijinshiki #header .inner nav#menu ul#mainmenu{
	width:100%;
	height:inherit;
    /* display: block; */ /* 20181213 Edit */
    display: none;
}
#seijinshiki #header .inner nav#menu ul#mainmenu li {
	width:auto;
	/* display:block; */ /* 20181213 Edit */
	display:none;
	padding:0.5em 2em;
	background-color:transparent;
}
#seijinshiki #header .inner nav#menu ul#mainmenu li a{
	color:#FFF;
}
#seijinshiki #header nav#side{
	display:none;
}

/*---#visual---*/

.main_logo{
    padding: 5px 160px 5px 0;
}
#visual .inner .copy {
    position: absolute;
    top: 45px;
    left: 5px;
    width: 68%;
}
/* #visual{
    min-width: 100%;
    height: 300px;
    background: url(../img/main_visual.png) #f3f2f3 no-repeat top;
    background-size: cover;
}
#visual .inner{
    height: 300px;
} */
#visual .inner{
 width: 100% !important;
}
.main_day{
    padding: 0 2px;
    margin: 10px 0;
}


/*---#con_01---*/
#con01{
    padding: 20px 0; 
}
.con01_contents{
    margin: 20px 0;
}
.con01_contents ul li{
    /* padding: 0 20px; */ /* 20181213 edit */
    padding: 0 10px;
}

/*---#con_02---*/
#con02{
    padding: 30px 0; 
}
.con02_contents ul li{
    margin: 20px 0 0;
}

/*---#con_03---*/
#con03{
    padding: 30px 0; 
}
.con03_photo-mainbox{
    margin-bottom: 10px;
}
.con03_contents ul li{
    list-style: none;
    width: calc(33.3% - 10px);
    padding: 0 5px;
}
.con03_photo-subbox li {
    float: left;
    width: calc(25% - 0px) !important;
    margin-right: 0;
    box-sizing: border-box;
}

/*---#con_04---*/
#con04{
    padding: 20px 0; 
}
/* .con04_contents ul li{
    float: none;
    margin: 20px;
} */

/*---#con_05---*/
#con05{
    padding: 30px 0; 
}

/*---#shoplist---*/
#shoplist{
    padding: 30px 0;
}
.shoplist-box{
    width: 90%;
}
.shop-name p{
    font-size: 20px;
}
.shoplist-box figure{
    float: none;
}
.shop-contents-info{
    float: none;
    width: 100%;
}
.shop-contents-info ul li{
    font-size: 14px;
}
.shop-contents-info li.shop-tel a{
    font-size: 16px;
}
.shop-contents-info li.shop-tel a:before{
    content: "";
    background: url(../img/tel_icon.jpg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 1px;
}


/*---footer---*/
footer {
 padding-bottom: 80px;
}
footer .footer-logo li{
    width: 50%;
    margin-right: 0px
}
footer .copyright{
    position: static;
    margin: 5px 0 0;
    text-align: center;
}

/*---//toForm---*/
#seijinshiki #contents .toForm{
	text-align:center;
	margin:40px auto 40px;
}
#seijinshiki #contents .toForm img{
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}
#seijinshiki #contents .toForm p{
	text-align:center;
	margin:35px auto 20px;
	font-size:18px;
	line-height:1.5;
}
/*--form--*/
#seijinshiki #contents h2.formTtl{
	width:90%;
}
#seijinshiki #contents .box{
	width:90%;
}
#order-furisode {
  width: 100%;
}
.ttl_sub ul li {
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff!important;
}

/* 20181214 add */
/*---#con_04---*/

#seijinshiki #contents #con_04 #con_04_ttl .con_04img01{
	width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-top: 40px;
}
#seijinshiki #contents #con_04 #con_04_ttl h2{
	text-align:center;
}
#seijinshiki #contents #con_04 #con_04_ttl h2 img{
	width: 100%;
}


#seijinshiki #contents #con_04 #con_04_ttl img{
	width:100%;
}
#seijinshiki #contents #con_04 #con_04_contents{
	width:100%;
	height:inherit;
	margin:0 auto;
	background-image:url(../img/con_04_arw.png);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
}
#seijinshiki #contents #con_04 #con_04_contents ul li{
	display:inline-block;
	position:static;
	margin:5%;
	width:40%;
}
#seijinshiki #contents #con_04 #con_04_contents ul li img{
	width:100%;
}
#seijinshiki #contents #con_04 #con_04_contents ul li#img402{
	margin-left:inherit;
	margin:5%;
}
#seijinshiki #contents #con_04 #con_04_contents ul li#img409{
	margin-left:inherit;
	margin:5%;
}
/*#seijinshiki #contents #con_04 #con_04_contents img#img402,
#seijinshiki #contents #con_04 #con_04_contents img#img409{
	margin:5%;
}*/
#seijinshiki #contents #con_04 #con_04_contents .modal-content .modal-close img{
	width:30px;
}
.modal-content--modifier {
 width: 80%;
}

.main_day--modifier__child {
 color: #066278;
 font-family: 'Kosugi Maru', sans-serif;
 font-size: 15px;
 font-weight: bold;
 margin: 25px 0 50px;
}
.main_day--modifier__child span {
 font-size: 22px;
}


/* 200216 Add */
nav#side02 {
 max-width: 6.5%;
 position: fixed;
 top: 110px;
 right: 0px;
 z-index: 99999999;
}
nav#side02 a {
 display: block;
}
nav#side02 a img {
 width: 100%;
}

/* 20200220 Add */
#seijinshiki #contents #con_04 #con_04_contents .modal-content {
 padding: 0 10px;
}
#seijinshiki #contents #con_04 #con_04_contents .modal-content p.con04img {
 flex-direction: column;
}
#seijinshiki #contents #con_04 #con_04_contents .modal-content p.con04img img {
 margin: 5px 0;
}

/* 20200727 Add */
.p-moreBtn {
 margin: 4rem auto;
 max-width: 640px;
}
.p-moreBtn a {
 background: #F0507F;
 border: solid 3px #F0507F;
 border-radius: 5px;
 color: #fff;
 display: block;
 font-size: 18px;
 padding: 2rem 0;
 text-decoration: none;
 transition: all .3s;
}
.p-moreBtn a:hover {
 background: #fff;
 color: #F0507F;
 opacity: .8;
}

/* 20200904 Add */
.inner .footer-logo li {
 flex: 0 0 48%;
 padding: 5px 2px;
}