/*--------------------*
#header
*--------------------*/
#header .header_btn,
#header_nav ul,
#page_navi2 .bg{
  display: table;
  border-collapse: separate;
  width: 100%;
}
#header_nav li {
  display: table-cell;
}
#top_bg li a{
  max-width: 380px;
  width: 100%;
}
.disp_sp #top_bg li a{
  max-width: 240px;
}
#nav ul {
  width: 100%;
}
#nav {
  text-align:center;
  padding: 10px 0;
}
#index #nav a img{
  margin:0 auto;
}
#page_navi2 a{
  display: table-cell;
  width: 33%;
}
#header{
  position: relative;
}
#header P.att_0{
  position: absolute;
  top: 136px;
  left: 192px;
  font-size: 1em;
  color: #A5FEF5;
  text-shadow: 1px 0px 1px #05544C,-1px 0px 1px #05544C, 0px -1px 1px #05544C,-1px 0px 1px #05544C, -1px 1px 1px #05544C,1px 1px 1px #05544C, -1px -1px 1px #05544C,1px -1px 1px #05544C, 2px 0px 2px #002300,-2px 0px 2px #002300, 0px -2px 2px #002300,-2px 0px 2px #002300, -2px 2px 2px #002300,2px 2px 2px #002300, -2px -2px 2px #002300,2px -2px 2px #002300;
}
.disp_sp #header P.att_0{
  top: 74px;
  left: 112px;
  font-size: .7em;
}
#header P.att_0_text{
  position: absolute;
  top: auto;
  bottom: 8px;
  font-size: .8em;
}

#header_nav{
}
/*--------------------*
#campaign
*--------------------*/
#campaign{
  margin: 20px 0;
  text-align:center;
}
#campaign P{
  text-align:center;
  margin-bottom:5px;
}
/*--------------------*
.free_link
*--------------------*/
.free_navi {
  font-size: 12px;
  text-align: center;
  width: 100%;
  margin: 2% auto 4%;
}
.disp_sp .free_navi {
  font-size: 10px;
}
.free_navi .free_link a{
  color: #ff0;
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 0 auto 15px;
  text-decoration: underline;
}
.free_navi .free_link a span{
  color:#f9d656;
}
.free_navi .pr A{
  color:#f4b0b2;
}

.osusume_btn {
  margin: 0 auto 5%;
  width: 95%;
}

/*--------------------*
#input_group
*--------------------*/
#input_group H2{
  position: relative;
  top: 1px;
}
#input_group H4 {color:#7F007F;}
#input_group .section_ftr{
  padding-bottom:6%;
}
#input_group .section_hdr{
  padding-top:1%;
}
#input_group LI {
  float: left;
  text-align: center;
}
#input_group UL{
  width: 56%;
  margin: 0 auto;
}
.disp_sp #input_group UL{
  width: 84%;
}
#input_group .text_img {
  margin-bottom: 10px;
}
#input_group .severalmenu {
  width: 92%;
  margin: 0 auto 10px;
}
#input_group h3.ttl_font {
  text-shadow: 0 0 1px #000;
  width: 92%;
  margin: 0 auto 5px;
  padding: 5px;
  box-sizing: border-box;
  color: #FFFBFE;
  font-size: 1.1em;
  text-align: center;
  font-weight: normal;
  background-color: #000;
}
#input_group .btn_exp {
  width: 90%;
  margin: 0 auto;
  font-weight: bold;
  color: #000;
  font-size: 0.9em;
}
#input_group #privacy {
  width: 85%;
}
#input_group P.btn_exp span {
  color: #A81D91;
  font-size: 1em;
}
#input_group #frm_btn {
  width: 90%;
  margin: 0 auto;
}
#input_group h2 .balloon {
  position: absolute;
  width: 65%;
  top: 85px;
  right: 10px;
  padding: 20px;
  font-weight: normal;
  text-shadow: 0 0 3px #000;
  text-align: justify;
}
.disp_sp #input_group h2 .balloon{
  top: 20px;
  padding: 12px;
}
#input_group h2 .balloon P{
  line-height: 1.6em;
  font-size: 1.5em;
}
.disp_sp #input_group h2 .balloon P{
  font-size: 1.1em;
}
#input_group h3 {
  width: 90%;
  margin: 0 auto 5px;
}
/*--------------------*
#extra_group3
*--------------------*/
#extra_group3{
  margin:0 auto;
}
#extra_group3 H2{
  position: relative;
  top: 1px;
}
#extra_group3 H4 {color:#7F007F;}
#extra_group3 .section_ftr{
  padding-bottom:5%;
}
#extra_group3 .section_hdr{
  padding-top:10px;
}
#extra_group3 .price_info{
  padding-right:5px;
}
#extra_group3 .menu_info .pr strong {
  color: #d00079;
  font-size: 0.9em;
}
#extra_group3 .severalmenu {
  width: 92%;
  margin: 0 auto 10px;
}
#extra_group3 .text_img{
  position: relative;
}
#extra_group3 h2 .balloon {
  position: absolute;
  width: 20em;
  top: 90px;
  right: 2px;
  padding: 0.5em 1em;
  font-size: 0.9em;
  font-weight: normal;
  text-shadow: 0 0 3px #000;
}
#extra_group3 h2 .balloon P{
  line-height: 1.6em;
}
/*--------------------*
#extra_group
*--------------------*/
#extra_group .menu_exp ,
#extra_group .btn_exp {
  width: 90%;
  margin: 5px auto 0;
  color:#000;
  font-size: 0.8em;
  line-height: 1.6;
}
#extra_group .btn_exp {
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5;
}
#extra_group .btn_exp SPAN{
  color:#A81D91;
}
#extra_group{
  margin:10px auto 0;
}
#extra_group H2{
  position: relative;
  top: 1px;
}
#extra_group .section_ftr{
  padding-bottom:10%;
}
#extra_group .price_info{
  padding-right:5px;
}
#extra_group .menu_info .pr strong {
  color: #d00079;
  font-size: 0.9em;
}
#extra_group .severalmenu {
  width: 96%;
  margin: 0 auto 10px;
}

#extra_group h3.ttl_font {
  width: 92%;
  margin: 0 auto 5px;
  padding: 5px;
  box-sizing: border-box;
  color: #FFFBFE;
  font-size: 1.1em;
  text-align: center;
  font-weight: normal;
  background-color: #45179E;
}
#extra_group .price_info_btn {
  width: 97%;
  margin: 0 auto;
}
#extra_group .pack_announce {
  font-size: 0.9em;
  width: 280px;
  margin: 0 auto;
}
#extra_group .pack_announce P {
  line-height: 1.5em;
  color: #000;
}
#extra_group .pack_announce OL {
  font-weight: bold;
}
#extra_group .pack_announce LI {
  list-style: none;
  padding-left: 10px;
  line-height: 1.6;
  color: #242A7A;
}
#extra_group [class^="colors_pack_links"]{
  text-align: center;
  margin: 15px auto;
  width: 300px;
  font-weight: bold;
}
#extra_group .colors_pack_links2 a h4 { color:#195E09;}
#extra_group .colors_pack_links3 a h4 { color:#8B1333;}
#extra_group .colors_pack_links4 a h4 { color:#060493;}
/*--------------------*
[id^="group"]
*--------------------*/
.allmenus_bg{
  background:url(../img/index/allmenu/bg.jpg) no-repeat center bottom / 100% auto;
  min-height:544px;
  position: relative;
}
.disp_sp .allmenus_bg{
  min-height: 91vw;
}
.allmenus_bg img{
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.allmenus_bg .balloon {
  position: absolute;
  width: 65%;
  top: 225px;
  left: 15px;
  padding: 20px;
  font-weight: normal;
  text-shadow: 0 0 3px #000;
  text-align: justify;
}
.disp_sp .allmenus_bg .balloon{
  top: 120px;
  padding: 12px;
}
.allmenus_bg .balloon P {
  line-height: 1.6em;
  font-size:1.5em;
}
.disp_sp .allmenus_bg .balloon P{
  font-size:1.1em;
}
[id^="group"]{
  color:#3E3E26;
  margin:40px 0 30px;
}
#allmenus .severalmenu .menu_info .price_info strong, .menu_info .pr strong {
  color: #990C1C;
}
#allmenus .price_info {
  color: #242970;
}
#allmenus .additional_day {
  color: #000;
  text-align: left;
}
#allmenus [id^="group"] .severalmenu {
  width: 92%;
  margin:0 auto;
}
.disp_sp #allmenus [id^="group"] .severalmenu{
  width: 89%;
}
#allmenus .section_bdy{ background-color:#000;}
#allmenus .menu_hdr{ position: relative; top: -2px;}
#allmenus .menu_ftr{position:relative; bottom:-1px;}
#allmenus .section_ftr{position:relative; bottom:-2px;}
#allmenus .menu_bdy{
  background:url(../img/index/allmenu/menu_bdy.jpg) repeat-y center top / 100% auto;
  margin:0 auto 13px;
}
#allmenus .menu_ftr{
  padding-bottom: 3%;
  background:url(../img/index/allmenu/menu_ftr.jpg) no-repeat center bottom / 100% auto;
  position: relative;
  bottom: -7px;
}
#allmenus .menu_hdr{
  padding-top:3%;
  background:url(../img/index/allmenu/menu_hdr.jpg) no-repeat center top / 100% auto;
  position: relative;
  top: -13px;
}
#allmenus .section_hdr{
  padding-top: 10px;
}
/*--------------------*
#group1
*--------------------*/
#group1{  margin:0em auto; }
#group1 h3 { color:#730062;}
#group1 .section_ftr{
  padding-bottom:2%;
  background:url(../img/index/allmenu/group1/section_ftr.jpg) no-repeat 50% bottom;
  background-size:100% auto;
}
#group1 .section_bdy{
  background:url(../img/index/allmenu/group1/section_bdy.jpg) repeat-y 50% top;
  background-size:100% auto;
}

/*--------------------*
#group2
*--------------------*/
#group2{  margin:1em auto;}
#group2 h3{ color:#82083B;}
#group2 .section_ftr{
  padding-bottom:2%;
  background:url(../img/index/allmenu/group2/section_ftr.jpg) no-repeat 50% bottom;
  background-size:100% auto;
}
#group2 .section_bdy{
  background:url(../img/index/allmenu/group2/section_bdy.jpg) repeat-y 50% top;
  background-size:100% auto;
}
/*--------------------*
#group3
*--------------------*/
#group3{  margin:1em auto;}
#group3 h3{ color:#13347D;}
#group3 .section_ftr{
  padding-bottom:2%;
  background:url(../img/index/allmenu/group3/section_ftr.jpg) no-repeat 50% bottom;
  background-size:100% auto;
}
#group3 .section_bdy{
  background:url(../img/index/allmenu/group3/section_bdy.jpg) repeat-y 50% top;
  background-size:100% auto;
}
/*--------------------*
.gototop
*--------------------*/
.gototop{
  width: 80%;
  margin: 20px auto 0;
  text-align: center;
}
.gototop a{
  text-decoration: underline;
  color: #ff0;
}
/*--------------------*
#campaign
*--------------------*/
#campaign{
  margin-top:20px;
}
#campaign p{
  color:#fff;
  text-align:center;
}

/*--------------------
.cookie_check
--------------------*/
.cookie_check{
  color: #333;
  text-align:center;
  margin: 3% auto 1%;
}
P.ttl_font.txt_type3 {
  color: #fff;
  font-size: 1.5em;
  line-height: 1.5;
  text-shadow: 0px 0px 3px #CF231D, 0px 0px 3px #CF231D, 0px 0px 3px #CF231D, 0px 0px 3px #CF231D, 0px 0px 7px #CF231D, 0px 0px 7px #CF231D, 0px 0px 7px #CF231D, 0px 0px 9px #CF231D, 0px 0px 9px #CF231D, 0px 0px 9px #CF231D;
  text-align: justify;
}
.disp_sp P.ttl_font.txt_type3{
  font-size: 1.2em;
}

P.ttl_font.txt_type2 {
  color: #fff;
  font-size: 1.5em;
  line-height: 1.5;
  text-shadow: 0px 0px 3px #750EDF, 0px 0px 3px #750EDF, 0px 0px 3px #750EDF, 0px 0px 3px #750EDF, 0px 0px 7px #750EDF, 0px 0px 7px #750EDF, 0px 0px 7px #750EDF, 0px 0px 9px #750EDF, 0px 0px 9px #750EDF, 0px 0px 9px #750EDF;
}
.disp_sp P.ttl_font.txt_type2{
  font-size: 1.3em;
}

P.ttl_font.txt_type1 {
  color: #fff;
  font-size: 1.5em;
  line-height: 1.5;
  text-shadow: 0 0 1px #122a2b, 0 0 1px #122a2b, 0 0 2px #122a2b, 0 0 2px #122a2b, 0px 0px 3px #60B8BC, 0px 0px 3px #60B8BC, 0px 0px 3px #60B8BC, 0px 0px 3px #60B8BC, 0px 0px 7px #60B8BC, 0px 0px 7px #60B8BC, 0px 0px 7px #60B8BC, 0px 0px 9px #60B8BC, 0px 0px 9px #60B8BC, 0px 0px 9px #60B8BC;
}
.disp_sp P.ttl_font.txt_type1{
  font-size: 1.3em;
}
P.ttl_font.txt_type1 SPAN,
P.ttl_font.txt_type2 SPAN,
P.ttl_font.txt_type3 SPAN{
  color: #ff0;
}
#rec_single .severalmenu2 ,
#rec_single .severalmenu3 {
  margin: 20px auto;
  width: 92%;
  text-align: justify;
}
#rec_single .severalmenu4 ,
#rec_single .severalmenu5 {
  margin: 20px auto;
  width: 94%;
}

#rec_single .severalmenu4 .left_bdy,
#rec_single .severalmenu4 .right_bdy,
#rec_single .severalmenu5 .left_bdy,
#rec_single .severalmenu5 .right_bdy { width: 49%; }

.rec_single_1ttl,
.rec_single_2ttl,
.rec_single_3ttl {
  margin: 20px auto;
}