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

#index_basebdy {
    margin: 0 auto;
    width: 100%;
}
#index{
  margin:0px auto;
}



/*--------------------*
#free_navi
*--------------------*/
#free_navi{
  margin:10px auto 0px;
  text-align:center;
}
#free_navi P{
  font-size: 12px;
  color: #F8E0C8;
}
#free_navi A{
  font-size: 12px;
  color: #F8E0C8;
}
#free_navi STRONG{
  display:none;
  margin:15px auto 0px;
}
#free_navi .limited_text{
  width:98%;
  margin:0 auto;
  text-align:left;
}
#free_navi .bold{
  margin:10px auto;
  color:#ffffff;
  font-weight:bold;
  font-size:1.2em;
}
/*--------------------*
## common
*--------------------*/

H4 A{color:#e6281a;}
H4 A:hover{color:#f5463a;}
H4 A:visited{color:#990000;}
IMG:not(.navi_logo img){
  border: 0;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

/*--------------------*
#allmenus
*--------------------*/
#allmenus{
  margin:0px auto 60px;
}
#allmenus .section_bdy{
  padding: 0 0 13%;
}
#allmenus H3{
  font-size: 17px;
}
/**/
#allmenus .menu_bdy{
  margin: 0 auto;
  width: calc(100% - 47px);
}
/**/
#allmenus .severalmenu{
}
#allmenus .icon{
}
#new_group .menu_info,
#allmenus .menu_ttl{
  margin: 0 0 0 66px;
  text-align: left;
}
#allmenus .new_info{text-align: left;}
#allmenus .new_info img{width: 15%;}
#allmenus .icon_new{
  padding: 0 0 0 3%;
}
#allmenus .person_info{float:left;}
#allmenus .menu_info{padding-top:5px;}
#allmenus .additional_day{
  color:#503613;
  font-weight:bold;
}
#allmenus .caption {
    margin: 10px 0 0;
}
#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;
}

/*--------------------*
#group1
*--------------------*/
#group1{margin-top:20px;}
#group1 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #430607;
}
#group1 .menu_bdy{
}
#group1 A H4{color:#CA013F;}
#group1 A:visited H4{color:#4B3C05;}
/*--------------------*
#group2
*--------------------*/
#group2{margin-top:20px;}
#group2 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #5E4821;
}
#group2 .menu_bdy{
}
#group2 A H4{color:#864300;}
#group2 A:visited H4{color:#4B3C05;}
/*--------------------*
#group3
*--------------------*/
#group3{margin-top:20px;}
#group3 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #063138;
}
#group3 .menu_bdy{
}
#group3 A H4{color:#044882;}
#group3 A:visited H4{color:#4B3C05;}
/*--------------------*
.gototop
*--------------------*/
.gototop{
  margin-top:15px;
  text-align:right;
  padding-right:20px;
}
.gototop a{
	width: 30%;
	font-size: 14px;
	color: #ffffff;
	padding: 1% 2%;
	background: -moz-linear-gradient(
		top,
		#ff0d00 0%,
		#ab0000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff0d00),
		to(#ab0000));
	-moz-border-radius: 2px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #ff0000;
	-moz-box-shadow:
		0px 1px 3px rgba(026,021,026,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(026,021,026,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(026,021,026,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		-1px 1px 0px rgba(087,074,087,0.9);
}

/*--------------------*
#page_navi
*--------------------*/
#page_navi{
 text-align:center;
 margin-top:10px;
}
/*************************
 *
 * #index_navi
 *
 **************************/

#index_navi ul {
  width: 100%;
}

/*************************
 *
 * #campaign
 *
 **************************/
#campaign{
  margin:10px 0;
  padding:0 10px;
}

#campaign img {
  margin-top:10px;
  width: 100%;
  height: auto;
}
#campaign P{
  text-align:center;
  margin: 10px 0;
}

/*************************
 *
 * .menu_bdy
 *
 **************************/
 
.menu_bdy {
  position: relative;
  min-height: 70px;
}

.new_info {
  position: absolute;
  top: -4px;
  left: 9px;
  z-index: 50;
}
/******** background ********/

#free_group .menu_bdy,
#group1 .menu_bdy {
  background: url(../../image_sp/contents2/index/renai.png) no-repeat top left;
  background-size: 100% auto;
}
#group2 .menu_bdy {
  background: url(../../image_sp/contents2/index/deai.png) no-repeat top left;
  background-size: 100% auto;
}
#group3 .menu_bdy {
  background: url(../../image_sp/contents2/index/jinsei.png) no-repeat top left;
  background-size: 100% auto;
}
#group4 .menu_bdy {
  background: url(../../image_sp/contents2/index/kekkon.png) no-repeat top left;
  background-size: 100% auto;
}
/******** category title ********/
[id^=group] h2 {
  font-size: 1.2em;
}
/*----------------------------*
 accordion
*-----------------------------*/
#allmenus .more,
#allmenus .hide{
  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;
}
#allmenus .more > span,
#allmenus .hide > span{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#allmenus .more .mark,
#allmenus .hide .mark{
  position: relative;
  font-weight: bold;
}
#allmenus .more .mark::after,
#allmenus .hide .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;
}

/*************************
 *
 * .fixed
 *
 **************************/
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  visibility: hidden;
}

/*************************
 *
 * campaign
 *
 **************************/
#group1 .pr strong {
  color: #FFA018;
}
#group2 .pr strong {
  color: #FF0000;
}
#group3 .pr strong {
  color: #FFA018;
}
#group4 .pr strong {
  color: #FFA018;
}