/*--------------------*
 *  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.jpg) repeat 50% 0%;
  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;
}
TR, TD, TH, THEAD, TBODY, TFOOT, COLGROUP, COL{}
UL{
  margin: 0;
  padding: 1%;
  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: #A5164F;outline : 0;}
A:hover{
  text-decoration:none;
}
.icon {
    float: left;
}
.icon IMG {
    width: 100%;
}
.img_auto {
  width: 100%;
}
H4 A{color:#A5164F;}
.horizon {
    width: calc(100% - 47px);
    margin: 20px auto;
    height: 2px;
    background: #E4D8C2;
}
#indexheader,
#extra_header{
  margin: 0px auto;
  max-width: 640px;
}
/*--------------------
common class setting
--------------------*/
.clear{
  clear: both;
  float:none;
  line-height:0px;
  font-size:0px;
  height:0px;
}
.icon{
  float:left;
  text-align:center;
}
.icon_category{margin-bottom:0px;}
.icon_player{margin-bottom:3px;margin-top:2px;}
.icon_new{margin-bottom:3px;}
.free_info {
  padding-top:3px;
  text-align:center;
  color:#e5bc08;
  font-size:1.2em;
}
.pr,
.pr A,
i.price_discount{color:#D0008A;}
.pr A:hover{color:#7b1c6f;}
.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;}

/*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;
}
*/
/*--------------------*
group common
*--------------------*/
[id$="_group"] {
  margin: 0 auto 20px;
}
[id$="_group"] h2{
  line-height: 1;
}
[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;
  padding-top: 12px;
  text-align: right;
}
[id$="_group"] .severalmenu .icon img{
  width: 60px;
  height: 60px;
}
/*--------------------
#base
--------------------*/
#index_base{
  margin:0px auto;
}
#base{
}
/*--------------------*
#header
*--------------------*/
#header H1{
  text-align:center;
}
#extra_header{
  margin:0px auto;
  text-align:center;
}
#index_basebdy{
  margin:0px auto;
}

#basebdy{
  margin:0px auto;
}
#header H1 A{
  display:block;
  margin:0px auto;
}
#extra{
  /* background-color: #C8C09C; */
}
/*--------------------*
#headernavi
*--------------------*/
#headernavi ul {
  display: table;
  table-layout: fixed;
  width: 98%;
}
#headernavi li {
  display:table-cell;
  text-align:center;
  margin-right: 5px;
}
#headernavi li a {
  display: block;
}

/*--------------------*
#new_group
*--------------------*/
.additional_day{
  margin: 5px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

#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 60px;
}
#new_group H2,
#free_group h2{
  padding:0 0 20px;
}
/*--------------------*
#index_navi
*--------------------*/

#header_nav{
  text-align:center;
  width: 100%;
  margin: 0 auto;x
  padding: 2% 0;
}
#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 {
  width: 100%;
  background: url(../img/contents/navi/navi_bg.png) no-repeat 50% top;
  background-size: 100% auto;
}
#index_navi li{
    display:table-cell;
    text-align:center;
}
#index_navi img,
#headernavi img{
  max-width: 314px;
}

/*--------------------*
#feature_group
*--------------------*/
#feature_group .section_bdy {
  background: url(../img/index/feature_group/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/feature_group/section_bdy.jpg) repeat center / 100% auto;
  padding: 0 0 1px;
}
#feature_group h3{
  margin: 0 0 4px;
  line-height: 0;
}
#feature_group p{
  width: calc(100% - 47px);
  margin: 12px auto 20px;
  color: #fff;
  text-align: justify;
}
#feature_group .feature_img{
  margin: 20px auto 0;
  text-align: center;
}
#feature_group .feature_img.last{
  max-width: 640px;
  width: 60vw;
}
/*--------------------*
#extra
*--------------------*/
#extra{
    text-align: left;
    margin-top:10px;
}
#extra .pr {
  color: #800000;
  text-align: left; 
}
/*--------------------*
#topicpath
*--------------------*/
#topicpath{
    color: #4F0000;
    font-size: 70%;
    text-align: left;
    margin: 1% 0;
}

/*--------------------*
#page_ttl
*--------------------*/
#page_ttl{
    margin: 3% auto;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/contents/menu_ttl.png");
    background-origin: padding-box;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
}
#page_ttl H2 .page_title {
    color: #F8DBA7;
    font-size: 14px;
    padding: 6% 0 5%;
}
#page_ttl H2 {
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
/*--------------------*
.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 h2{
  display:table;
  margin:0 auto;
  vertical-align:middle;
  color: #9B0146;
  text-align: justify;
  padding: 0 0 0 65px;
  font-size: 17px;
  line-height: 1.5;
}
[class^="menu_category_"]{
  background-position:left center;
  background-repeat:no-repeat;
}
[class^="menu_category_"]{
  background-size: 54px 54px;
  height: 54px;
}
.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);}

/*--------------------
.tellingItems
--------------------*/
.telling{
  margin: 20px auto;
}
.telling .section_bdy{
  background: url(./../img/input/telling/section_bdy.jpg) repeat-y center top / 100% auto;
  margin: 0 auto;
}
.telling .section_ftr {
  padding-bottom: 40px;
  background: url(./../img/input/telling/section_ftr.jpg) no-repeat center bottom / 100% auto;
}
.telling ul {
  width: 86%;
  margin: 0 auto;
  line-height: 1.5;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
.telling LI{
  list-style-type: none;
  line-height: 1.5;
  box-sizing: border-box;
  text-align: justify;
  padding: 7px 0 9px 28px;
  background: url(./../img/input/dot.png) no-repeat scroll 0 11px;
  background-size: 16px auto;
}
.telling LI.highlight{
  color: #c23015;
}
.telling LI.submenu{
  position: relative;
  background: none;
  padding-top: 0;
  padding-left: 24px;
  display: flex;
}
.telling LI.submenu::before{
  content:"\2514";
  width: 1em;
  height: 1em;
  padding-right: 8px;
}

/*--------------------*
#menu_header
*--------------------*/
#menu_header{
  margin:2% 0;
}
#menu_header P{
  padding:5px 10px;
  text-align: left;
}
#menu_header P.price_normal STRONG {
  color: #FF80FF;
}
#menu_header P.attention {
  text-align: left;
}
#menu_header P.pr,
#menu_header P.pr A{color:#d00079;font-weight:bold;}
#menu_header P.price STRONG{color:#FF80FF;}
#menu_header P.attention A{color:#C0C000;}
#menu_header P.attention STRONG{color:#C0C000;}
/*--------------------*
#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 ADDRESS,
#footer EM{
  text-decoration:none;
  font-style:normal;
}
#footer UL{list-style-type:none;padding: 0;}
#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;
}
/**/
#footernavi {
}
#footernavi A{color:#ECC202;}
/**/
#footerCopy{padding: 0 0 20px;}
#footerCopy A{color: #ECC202;}
#zapCopy{margin-top:10px;color:#222222;}
#ispCopy{margin-top:10px;}
#ispInfo{margin-top:10px;}
#ispInfo DIV{padding-bottom:5px;}

/*--------------------*
#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;
}
/*--------------------*
#extra_group
*--------------------*/
#extra_group{
  margin: 0 auto 20px;
}
#extra_group .section_bdy{
  margin: 0 auto;
  width: 100%;
  background: url(../img/index/extra_group/section_ftr.jpg) no-repeat bottom / 100% auto, url(../img/index/extra_group/section_bdy.jpg) repeat center / 100% auto;
  padding: 0 0 30px;
}
#extra_group .menu_bdy{
  display:block;
  padding: 8px 0 0;
}
#extra_group .price_info_btn {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
  max-width: 552px;
}

/*--------------------*
#rec_single
*--------------------*/
#rec_single{
  color: #5A0C08;
  margin: 1% auto;
}
#rec_single .severalmenu{
  padding: 2% 4%;
  text-align: left;
}
#rec_single .section_bdy{
  background-color: #1C003B;
  margin: 0 auto 3%;
  width: 100%;
  padding: 2% 0;
}
#rec_single .menu_bdy{
  display:block;
  margin: 1% auto;
  width: 92%;
  border: 3px solid #CF9F39;
  /*border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;*/
  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));
}
#rec_single .menu_info{margin-left: 18%;}
/*--------------------*
#free_group
*--------------------*/
#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 60px;
}

/*=========================================
#info_group
=========================================*/
#info_group{;
  margin:0 auto 3%;
}
#info_group .several_bdy H4 {
  padding: 0 3%;
}
#info_group #trial_sample{
  margin:0 auto 5px;
}
#info_group #trial_method{
  margin:0 auto;
}
#info_group .detail_txt H4 {
  color: #800000;
}
#info_group .detail_txt P{
    color: #642B1A;
}
#campaign{margin: 10px 0;}
#campaign P {
    color: #FF0000;;
    text-align: center;
}
/*=========================================
#rec_double
=========================================*/
#rec_double{
  color: #5A0C08;
}
#rec_double .severalmenu{
  padding: 2% 2%;
  text-align: left;
}
#rec_double .section_bdy{
  background-color: #0A273F;
  margin: 0 auto;
  width: 100%;
  padding: 1% 0 2%;
}
#rec_double .menu_bdy{
  background-color: #FEE7BE;
  margin: 1% auto;
  width: 90%;
  border: 7px double #9E3311;
}
#rec_double .menu_info{margin-left: 18%;}

#frmInput .c-red {
  color:red;
  font-size:0.8em;
}