/*--------------------*
#index
*--------------------*/
#indexheader{
  margin:0px auto;
  max-width: 640px;
}

#index_basebdy {
    margin: 0 auto;
    width: 100%;
}
#index{
  margin:0px auto;
  padding-bottom:30px;
  padding: 0;
}

/*--------------------*
#index_navi
*--------------------*/
#index_navi li a {
  color: #E6E6E6;
  display: block;
  line-height: 3em;
}
/*--------------------*
#campaign
*--------------------*/

#campaign{
  padding: 3%;
}

#campaign p{
  text-align: center;
}
/*--------------------*
#free_navi
*--------------------*/
#free_navi{
  margin:10px auto 0px;
  text-align:center;
}
#free_navi P{
  font-size: 12px;
  color: #F9EED9;
}
#free_navi A{
  font-size: 12px;
  color: #F0D29C;
}
#free_navi STRONG{
  display:none;
  margin:15px auto 0px;
}
/*--------------------*
## common
*--------------------*/
P.pr {
    font-size: 9px;
    color: #f9eed9;
}
H4 A{color:#e6281a;}
H4 A:visited{color:#990000;}
IMG:not(.navi_logo img){
  border: 0;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

/*--------------------*
#allmenus
*--------------------*/
#allmenus{
  margin:0px auto 20px;
}
#allmenus H2 {
    padding: 0 0 20px;
}
#allmenus H3{
  font-size: 17px;
}
#allmenus .menu_bdy{
  margin: 0 auto;
  width: calc(100% - 47px);
}
#allmenus .section_bdy{
  padding: 0 0 13%;
}
#allmenus .menu_ttl {
  margin: 0 0 0 66px;
  text-align: left;
}
#allmenus .list_double {
  clear: both;
}
#allmenus .caption{
  margin: 10px 0 0;
}
#allmenus .menu_info{
  display: flex;
  padding-top: 12px;
}
#allmenus .price_info {
    padding-top: 0;
    margin-left: auto;
}
#allmenus .price_normal {
    font-weight: bold;
    font-size: 16px;
}
/*--------------------*
#group1
*--------------------*/
#group1{margin-top:20px;}
#group1 .section_bdy{
  margin: 0 auto;
  width: 100%;
  background: url(../img/index/allmenu/group1/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/allmenu/group1/section_bdy.jpg) repeat center / 100% auto;
}
/*--------------------*
#group2
*--------------------*/
#group2{margin-top:20px;}
#group2 .section_bdy{
  margin: 0 auto;
  width: 100%;
  background: url(../img/index/allmenu/group2/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/allmenu/group2/section_bdy.jpg) repeat center / 100% auto;
}
/*--------------------*
#group3
*--------------------*/
#group3{margin-top:20px;}
#group3 .section_bdy{
  margin: 0 auto;
  width: 100%;
  background: url(../img/index/allmenu/group3/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/allmenu/group3/section_bdy.jpg) repeat center / 100% auto;
}
/*----------------------------*
 accordion
*-----------------------------*/
#allmenus .more,
#allmenus .close{
  font-size: 16px;
  background: linear-gradient(to bottom, #FFFFC7, #FFE65B);
  border: 2px solid #432312;
  border-radius: 50px;
  color:#432312;
  cursor:pointer;
  max-width: 280px;
  height: 48px;
  margin: 20px auto 0;
  text-align:center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
#allmenus .more > span,
#allmenus .close > span{
  width: 100%;
}

#allmenus .more .mark,
#allmenus .close .mark{
  position: relative;
  font-weight: bold;
}
#allmenus .more .mark::after,
#allmenus .close .mark::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #432312;
  border-right: solid 2px #432312;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: -1em;
  bottom: 0;
  margin: auto;
}

/*--------------------*
.gototop
*--------------------*/
.gototop{
  text-align:right;
  margin:10px;
}
.gototop a{
  display:inline-block;
  color: #E6E6E6;
  text-align:center;
  padding: 2% 3%;
  border: 1px solid #ffffff;
  border-radius: 8px;
  background: -moz-linear-gradient(
		top,
		#eb8934 0%,
		#e67914 25%,
		#b35504);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#eb8934),
		color-stop(0.25, #e67914),
		to(#b35504));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow:
		0px 3px 2px rgba(000,000,000,0.3),
		inset 0px 0px 5px rgba(000,000,000,1);
	-webkit-box-shadow:
		0px 3px 2px rgba(000,000,000,0.3),
		inset 0px 0px 5px rgba(000,000,000,1);
	box-shadow:
		0px 3px 2px rgba(000,000,000,0.3),
		inset 0px 0px 5px rgba(000,000,000,1);
	text-shadow:
		0px 2px 5px rgba(000,000,000,0.4),
		0px 0px 0px rgba(255,255,255,0);
}


/*--------------------*
#free_group
*--------------------*/
#free_group .free_info {
  clear: both;
}
#free_group .free_info a:visited {
  color: #FFEBCB;
}