/*--------------------*
 *  default settings
 *--------------------*/
*{
  margin: 0px;
  padding: 0px;
}
html{
  overflow-y:scroll;
  -webkit-text-size-adjust: none;
}
BODY{
  _line-break: strict;
  font-size: 15px;
  margin: 0 auto;
  background: url(../img/contents/bg_main.jpg);
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
FORM{
  margin: 0 auto;
  padding: 0;
}
TABLE{
  border-collapse: collapse;
  border-spacing:0px;
  empty-cells: hide;
  text-align: left;
  font-size: 1em;
  border: 0;
  padding: 0;
}
UL{
  margin: 0;
  list-style-type: disc;
}
OL{
  margin: 0;
  padding: 0;
}
LI{
  margin: 0;
  padding: 0;
}
H1,H2,H3,H4,H5{
  margin: 0 auto;
}
H1 IMG, H2 IMG, H3 IMG, H4 IMG {
    margin: 0 auto;
    width: 100%;
}
P{
  margin: 0 auto;
  line-height: 1.5;
}
HR{display:none;}
EM{font-style:normal;font-weight:bold;}
H1,H2,H3,H4,H5,H6{
  font-size:1.1em;font-weight: bold;
}

A{color: #B63A03;outline : 0;text-decoration:none;}
a:-webkit-any-link {
  text-decoration: underline;
}
A:hover{
  text-decoration:none;
}
#header img{
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.icon {
  float: left;
}
.icon IMG {
    width: 100%;
}
.img_auto {
  width: 100%;
}
H4 A {
  color:#e6281a;
}
H4 A:hover{
  color:#f5463a;
}
H4 A:visited {
  color:#990000;
}

/*--------------------
common class setting
--------------------*/
.clear{
  clear: both;
  float:none;
  line-height:0px;
  font-size:0px;
  height:0px;
}
.hide{
  display:none;
}
.icon{
  float:left;
  text-align:center;
}
.severalmenu .icon img{
  width: 60px;
  height: 60px;
}
.icon_category{margin-bottom:0px;}
.icon_player{margin-bottom:3px;margin-top:2px;}
.icon_new{margin-bottom:3px;width:50px;}
.free_info {
  padding-top:3px;
  text-align:center;
  color:#e5bc08;
  font-size:1.2em;
}
.pr,
.pr A,
i.price_discount{color:#B9A2FC;}
.pr A:hover{color:#C0C000;}
.limited{color:#33969b;}
P.pr{}
DIV.pr,
DIV.limited{
  line-height:1.2;
  font-size:12px;
}
.price_discount{
  color:#D0008A;
  text-align:right;
}
.price_normal{text-align:right;}

.free_navi a{
  text-decoration: underline;
}

/*Clear-Fix(IE対策のためセットで利用する)
TAG{
  zoom:100%;
}
TAG:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
*/

.horizon{
  width: calc(100% - 24px);
  margin: 20px auto;
  height: 1px;
  background: #E4D9C3;
}
/*--------------------
#base
--------------------*/
#index_base{
  margin:0px auto;
}
#base{
}
/*--------------------*
#header
*--------------------*/
#header H1{
  text-align:center;
}
#extra_header{
  margin:0px auto;
}
#index_basebdy{
  margin:0px auto;
}

#basebdy{
  margin:0px auto;
}
#header H1 A{
  display:block;
  margin:0px auto;
}


#header {
  position: relative;
}

#header .note_1 ,
#header .mark_1 {
  position:absolute;
  font-size:0.7em;
  color: #000;
  text-shadow: 0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff;
  font-weight: normal;
}
#header .mark_1 {
  top: 0;
  left: 45%;
}
#header .note_1 {
  bottom: 0;
  right: 1%;
}
#header #index_basebdy .mark_1 {
  top: 3%;
  left: 41%;
}
#header #index_basebdy .note_1 {
  top: 94%;
  right: 2%;
}


/*--------------------*
#index_navi
*--------------------*/

#header .header_btn,
#header_nav ul{
  display: table;
  border-collapse: separate;
  width: calc(100% - 8px);
  margin: 0 auto;
}
#header_nav li {
  display: table-cell;
  padding: 0 4px 0 0;
}
#header_nav li:last-child {
  padding: 0;
}
#header_nav a{
  display:block;
}
#index #nav a img{
  width: 100%;
  margin:0 auto;
}

#index_navi,
#headernavi {
  height: 99px;
  width: 100%;
  background: url(../img/contents/navi/navi_bg.png) no-repeat 50% top / 100% auto;
}
@media (max-width: 640px) {
  #index_navi,
  #headernavi {
    height: 16vw;
  }
}
#index_navi ul,
#headernavi ul{
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  height: 100%;
}
#index_navi ul li:marker {
}
#index_navi img,
#headernavi img{
  max-width: 314px;
}
/*--------------------*
#headernavi
*--------------------*/

#headernavi ul {
  padding: 0;
}
#headernavi li a{ 
  display: block;
  line-height: 3em;
  text-align:center;
}
#headernavi li div{ 
  line-height: 3em;
  text-align:center;
}

/*--------------------*
group common
*--------------------*/
[id$="_group"] h3{
  font-size: 17px;
}
[id$="_group"] .severalmenu{
  margin: 0 auto;
  width: calc(100% - 47px);
}

[id$="_group"] .menu_info{
  margin: 0 0 0 66px;
}
[id$="_group"] .caption{
  text-align: justify;
  margin: 10px 0 0;
}
[id$="_group"] .price_info {
  font-weight: bold;
  font-size: 15px;
  padding-top: 12px;
}
/*--------------------*
#new_group
*--------------------*/
#new_group{
  margin: 1% auto 3%;
}
#new_group h2{
  padding: 0 0 5%
}
#new_group .severalmenu{
  margin: 0 auto;
  width: calc(100% - 47px);
}

#new_group .section_bdy{
  margin: 0 auto 20px;
  background: url(../img/index/new_group/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/new_group/section_bdy.jpg) repeat center / 100% auto;
  padding: 0 0 13%;
}
#new_group .section_ftr {
  padding: 2px;
  margin: 0 auto;
  overflow: hidden;
}
#new_group .section_hdr {
  overflow: hidden;
}
.additional_day{
  margin: 5px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

/*--------------------*
#card_info
*--------------------*/
#card_info {
  padding: 0 0 20px;
  background: url(../img/contents/card_info/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/contents/card_info/section_bdy.jpg) repeat center / 100% auto;
}
#card_info .card_lead{
  color: #FFF6E1;
  text-align: center;
}
#card_info .card_lead span{
  display: inline-block;
}
#card_info .section_bdy{
  margin: 0 auto 20px;
  padding: 0 0 13%;
}
#card_info .section_ftr {
  padding: 2px;
  margin: 0 auto;
}
/*flipsnap*/
.viewport {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 16px 0 0;
}
/*.viewport [class^="flipsnap"] {
    height: 90px;
    width: 6600px;
    list-style: none;
}*/
.viewport [class^="flipsnap"] {
  list-style-type: none;
}
.viewport [class^="flipsnap"] .item {
  float: left;
  margin: 0 16px;
  width: calc(100vw - 48px);
}
@media only screen and (orientation : landscape) {
.viewport [class^="flipsnap"] .item{ margin: 10px; width: 255px;}
}
.flipsnap:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
.viewport button{
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.viewport button#next{
  right: 8px;
}
.viewport button#prev{
  left: 8px;
}
.viewport button#next::before,
.viewport button#prev::before{
  font-size: 24px;
  color: #FE6010;
}
.viewport button#next::before{
  content:"\25B6";
}
.viewport button#prev::before{
  content:"\25C0";
}
.flipsnap {
    width: calc((100vw - 16px) * 22);
}
.orb {
  background-color: #EAEAEC;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: solid 1px #CF9F39;
  margin: 3% auto 0;
  width: calc(100% - 16px);
  padding: 16px 0;
}
@media only screen and (orientation : landscape) {
.orb{ width: 550px; }
}
.orb H5{
  text-align: center;
  font-size: 13px;
  color: #5A0C08;
  margin-top: 2%;
  padding: 0 5%;
}
.orb P {
  text-align: center;
  color: #390000;
  font-weight: bold;
}
.orb P.txt {
  text-align: left;
  color: #000;
  text-align: justify;
  padding: 12px 0 0;
  font-weight: normal;
}
.orb h5 IMG {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.orb .item IMG {
  max-width: 294px;
  width: 100%;
  height: auto;
  vertical-align: middle;
  text-align: center;
}

/*--------------------*
#extra
*--------------------*/
#extra{
    text-align: left;
}
#extra .pr {
  color: #D0008A;
  text-align: left;
}
#rec_single .pr {
  font-size: 9px;
}
/*--------------------*
#topicpath
*--------------------*/
#topicpath{
  color: #4F0000;
  font-size: 12px;
  text-align: left;
  padding: 10px 10px 20px;
}

/*--------------------*
#page_ttl
*--------------------*/
#page_ttl{

}
#page_ttl H2 .page_title {
    padding: 3% 0 2%;
}
#page_ttl H2 {
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
/*--------------------*
#menu_ttl,#menu_ttl_next,menu_ttle
*--------------------*/
#menu_ttl,
#menu_ttl_next,
.menu_ttle {
  width: 100%;
  background: url(../img/contents/menu_ttl.png);
  background-size: 100% 100%;
  margin-top: 3%;
}
#menu_ttl .title_desing,
#menu_ttl_next .title_desing,
.menu_ttle .title_desing {
  width: 100%;
}
#menu_ttl H2,
#menu_ttl_next H2,
.menu_ttle H2 {
  display: table;
  margin: 0 auto;
  text-align: left;
  width: 75%;
}
#menu_ttl .menu_icon,
#menu_ttl_next .menu_icon,
.menu_ttle .menu_icon {
    display: table-cell;
    vertical-align: middle;
}
#menu_ttl H2 .icon_category,
#menu_ttl_next H2 .icon_category,
.menu_ttle H2 .icon_category {
    padding-bottom: 7%;
}
#menu_ttl H2 .title,
#menu_ttl_next H2 .title,
.menu_ttle H2 .title {
  margin-top:17px; color:#DEB887;
}
.menu_title {
  color: #651F11;
  font-size: 14px;
  width: 80%;
}
.menu_caption {
  margin: 0 auto;
  text-align: left;
  width: 90%;
}
/*--------------------*
#menu_header
*--------------------*/
#menu_header{
  margin:2% 0;
}
#menu_header P{
  padding:5px 10px;
  text-align: left;
  width: 90%;
  margin: 0 auto;
}
#menu_header P.price_normal STRONG {
  color: #FF80FF;
}
#menu_header P.pr,
#menu_header P.pr A{color:#d00079;font-weight:bold;}
#menu_header P.price STRONG{color:#00C0C0;}
#menu_header P.price STRONG.y_price{color:#FF40FF;}
#menu_header P.attention A{color:#B9A2FC;text-decoration: underline;}
#menu_header P.attention STRONG{color:#F0D29C;}
#menu_header div.partner{border:thin solid #F9EED9;}
/*--------------------*
#menu_caption
*--------------------*/
#menu_caption{
  margin:15px auto 10px;
}
#menu_caption P{
  padding-bottom:5px;
  text-align:center;
  color:#FFF5DA;
}
#menu_caption P.pr,
#menu_caption P.pr A{color:#ECB452;}
#menu_caption P.attention{color:#FFF5DA;}
#menu_caption P.attention STRONG{color:F0AA28;}

/*--------------------
#footer
--------------------*/
#footer{;
  width: calc(100% - 38px);
  margin: 0 auto;
  text-align: center;
}
#footer a{
  color: #FED100;
}
#footer ADDRESS,
#footer EM{
  text-decoration:none;
  font-style:normal;
}
#footer UL{list-style-type:none;}
#footer LI{
  display:inline;
  border-right: 1px solid #fff;
  padding: 0 8px;
  line-height: 1.7;
}
#footer li:first-child{
  border-left: 1px solid #fff;
}
#footerCopy{
  padding: 0 0px 20px;
}
#zapCopy{margin-top:10px;color:#F9EED9;}
#ispCopy{margin-top:10px;}
#ispInfo{margin-top:10px;}
#ispInfo DIV{padding-bottom:5px;}
#attention{
  color: #fff;
  margin: 20px auto 0;
  padding-bottom: 20px;
  text-align: center;
  font-size: 10px;
}
/*--------------------*
#maintenance
*--------------------*/
#maintenance{
  margin: 15px auto 15px auto;
  font-size: 1em;
  text-align: center;
  background:#EEE8AA;
  color: #996633;
}
#maintenance #maintenancebody{
  border: 3px double #FF6633;
  padding:10px 5px;
}
#maintenance #maintenance_title{
  padding-bottom:4px;
  font-weight: bold;
  font-size: 1.25em;
  color: #FF6633;
}
#maintenance P.maintenanceDate{
  margin: 0 auto 5px;
  text-align: center;
  font-weight: bold;
  color: #996633;
}
#maintenance P.maintenanceComment{
  text-align: left;
  line-height: 1.3;
  text-align: center;
}
#maintenance A{
  color:#FFF!important;
  background:#6D2A00!important;
}
/*--------------------*
#free_group
*--------------------*/
#free_group{
  margin: 20px auto 0;
}
#free_group h2 {
    padding: 0 0 5%;
}
#free_group .section_bdy {
  margin: 0 auto;
  width: 100%;
  background: url(../img/index/free_group/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/free_group/section_bdy.jpg) repeat center / 100% auto;
  padding: 0 0 40px;
}
#free_group .horizon {
  width: calc(100% - 32px);
}
/*--------------------*
#extra_group
*--------------------*/

.severalmenu{
  text-align: justify;
}
.menu_ftr {
  margin: 0 auto;
}
.price_info {
  font-size: 12px;
  padding-top: 5px;
  text-align: right;
}
.menu_info .pr{
  color: #2500FF;
  font-size: 10px;
  margin-top: 2%;
}

/*--------------------*
.menu_title
*--------------------*/
.menu_title{
  margin: 0 0 4%;
}
.menu_title{
  width:100%;
  margin: 0 auto;
}
.menu_title_bdy{
  background:url(../img/contents/menu_ttl_bdy.jpg) repeat-y center top / 100% auto;
}
.menu_title_hdr{
  padding-top:3%;
  background:url(../img/contents/menu_ttl_hdr.jpg) no-repeat center top / 100% auto;
  position:relative;
  top:-1px;
}
.menu_title_ftr{
  padding-bottom:3%;
  background:url(../img/contents/menu_ttl_ftr.jpg) no-repeat center bottom / 100% auto;
  position:relative;
  bottom:-1px;
}
.menu_title_inner{
  width: calc(100% - 52px);
  margin: 0 auto;
}
.menu_title_inner{
  padding: 3% 0;
}
.menu_title h2{
  display:table;
  margin:0 auto;
  vertical-align:middle;
  color: #B20D4F;
  text-align: justify;
  padding: 0 0 0 86px;
  font-size: 17px;
  line-height: 1.5;
}
[class^="menu_category_"]{
  background-position:left center;
  background-repeat:no-repeat;
}
[class^="menu_category_"]{
  background-size: 70px 70px;
  height: 70px;
}
.menu_category_1 { background-image:url(../img/contents/icon/1.jpg); }
.menu_category_2 { background-image:url(../img/contents/icon/2.jpg); }
.menu_category_3 { background-image:url(../img/contents/icon/3.jpg); }
.menu_category_4 { background-image:url(../img/contents/icon/4.jpg); }
.menu_category_5 { background-image:url(../img/contents/icon/5.jpg); }
.menu_category_6 { background-image:url(../img/contents/icon/6.jpg); }
.menu_category_7 { background-image:url(../img/contents/icon/7.jpg); }
.menu_category_8 { background-image:url(../img/contents/icon/8.jpg); }
.menu_category_9 { background-image:url(../img/contents/icon/9.jpg); }
.menu_category_10{ background-image:url(../img/contents/icon/10.jpg);}
.menu_category_11{ background-image:url(../img/contents/icon/11.jpg);}
.menu_category_12{ background-image:url(../img/contents/icon/12.jpg);}
.menu_category_13{ background-image:url(../img/contents/icon/13.jpg);}
.menu_category_14{ background-image:url(../img/contents/icon/14.jpg);}
.menu_category_15{ background-image:url(../img/contents/icon/15.jpg);}
.menu_category_16{ background-image:url(../img/contents/icon/16.jpg);}
.menu_category_17{ background-image:url(../img/contents/icon/17.jpg);}
.menu_category_18{ background-image:url(../img/contents/icon/18.jpg);}
.menu_category_19{ background-image:url(../img/contents/icon/19.jpg);}
.menu_category_20{ background-image:url(../img/contents/icon/20.jpg);}
.menu_category_21{ background-image:url(../img/contents/icon/21.jpg);}
.menu_category_22{ background-image:url(../img/contents/icon/22.jpg);}
.menu_category_23{ background-image:url(../img/contents/icon/23.jpg);}
.menu_category_24{ background-image:url(../img/contents/icon/24.jpg);}
.menu_category_25{ background-image:url(../img/contents/icon/25.jpg);}
.menu_category_26{ background-image:url(../img/contents/icon/26.jpg);}
.menu_category_27{ background-image:url(../img/contents/icon/27.jpg);}
.menu_category_28{ background-image:url(../img/contents/icon/28.jpg);}
.menu_category_29{ background-image:url(../img/contents/icon/29.jpg);}
.menu_category_30{ background-image:url(../img/contents/icon/30.jpg);}
.menu_category_31{ background-image:url(../img/contents/icon/31.jpg);}
.menu_category_32{ background-image:url(../img/contents/icon/32.jpg);}
.menu_category_33{ background-image:url(../img/contents/icon/33.jpg);}


/*--------------------*
#free_extra
*--------------------*/
#free_extra{
  color: #5A0C08;
  margin: 20px auto 10px;
}
#free_extra .severalmenu{
  padding: 2% 2%;
  text-align: left;
}
#free_extra .severalmenu.inframe {
  border: solid 1px #9E3311;
}
#free_extra .section_bdy{
  margin: 0 auto;
  width: 100%;
  padding: 1% 0 2%;
}
#free_extra .menu_bdy{
  background-color: #EDE0C9;
  border: 3px solid #9E3311;
  display: block;
  margin: 0 auto 2%;
  padding: 2px;
  width: 92%;
}
#free_extra .menu_bdy .menu_bdy_in{
  margin: 0 auto;
  padding: 2% 4%;
  border: 1px solid #9E3311;
  /*border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;*/
  box-shadow: inset 0px 1px 2px 0px #666;
  -webkit-box-shadow: inset 0px 1px 2px 0px #666;
  -moz-box-shadow: inset 0px 1px 2px 0px #666;
  background: -moz-linear-gradient(
    top,
    #bab4a9 0%,
    #f5e7ce 5%,
    #FFF9ED 20%,
    #faf2e3 82%,
    #d3bd94);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#bab4a9),
    color-stop(0.05, #f5e7ce),
    color-stop(0.20, #FFF9ED),
    color-stop(0.82, #faf2e3),
    to(#d3bd94));
}
#free_extra .menu_info{margin-left: 18%;}
#free_extra .icon{width: 15%;}
#free_extra .menu_info H4 A{color:#e53a05;}
#free_extra .menu_info H4 A:hover{color:#ed6a55;}
#free_extra .menu_info H4 A:visited{color:#990000;}
#free_extra .horizon{
  height:11px;
  margin:10px auto;
  border-bottom:1px solid #5D3B28;
}
#frm_btn .price_charge .btn,
.mosaic_btn,
.charge_price_btn {
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",arial,helvetica,sans-serif;
  color: #303030;
  cursor: pointer;
  display: block;
  font-size: 20px;
  margin: 0.5em auto;
  padding: 10px 0;
  text-align: center;
  width: 90%;
}
#frm_btn .price_free a,
.btn_free {
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",arial,helvetica,sans-serif;
  color: #FFEBCB;
  text-align: center;
  width: 90%;
  color: #303030;
  cursor: pointer;
  display: block;
  font-size: 20px;
  margin: 0.5em auto 0;
  padding: 10px 0;
  width: 90%;
}
/*=========================================
#rec_double
=========================================*/
#frmInput .c-red {
  color:red;
  font-size:0.8em;
}
/*=========================================
#info_group
=========================================*/
#info_group {
  text-align: center;
}
#info_group H3 {
  color: #E6E6E6;
  text-align: left;
}
#info_group P {
  text-align: left;
}
.rbtn {
  display:block;
  color: #E6E6E6;
  width: 70%;
  text-align:center;
  padding: 2% 3%;
  margin: 0 auto;
  border: 1px solid #737373;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: -moz-linear-gradient(
    top,
    #0d0e58 0%,
    #080832 50%,
    #060626 50%,
    #000000);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#0d0e58),
    color-stop(0.50, #080832),
    color-stop(0.50, #060626),
    to(#000000));
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 1px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 1px rgba(255,255,255,0.5);
  box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 1px rgba(255,255,255,0.5);
}

/*=========================================
#rec_single
=========================================*/
#rec_single{
  margin-top: 3%;
}
#rec_single .section_bdy{
  background-color: #330301;
  padding: 3% 0;
  border-top: 2px solid #AE7A26;
  border-bottom: 2px solid #AE7A26;
}


/*=========================================
#limited
=========================================*/
#limited {
  margin: 20px 0;
}