@charset "utf-8";

* {
 margin: 0;
 padding:0;
 box-sizing: border-box;
 font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", Osaka, sans-serif;
}
html      { overflow-y: scroll; }
html,body { height:100%; }
div.fbody { position:relative; height:auto; min-height:100%; }
.main_post{ padding-bottom: 7.0em; background-color: #F0F; }

a { color: #00F; }
a.anim1 li, a.anim1 span {
  position: relative;
  display: inline-block;
  text-decoration: none;
  background: transparent;
}
a.anim1 li::after, a.anim1 span::after {
  position: absolute;
  content: '';
  bottom: 0em;
  left:   0em;
  width: 100%;
  height: 1px;
  background-color: #EEE;
  transform: scaleX(0);
  transition: 0.5s;
}
a.anim1:hover li::after, a.anim1:hover span::after,
a.anim1:focus li::after, a.anim1:focus span::after
{ transform: scaleX(1); }

a.anim2 li, a.anim2 span {
  position: relative;
  display: inline-block;
  text-decoration: none;
  background: transparent;
  transition: 0.5s;
  z-index: 1;
}
a.anim2 li::after, a.anim2 span::after {
  position: absolute;
  color: #222;
  border-radius: 5px;
  content: '';
  bottom: -0.5em;
  left:   -0.6em;
  width: 105%;
  height:105%;
  margin-right: 2em;
  padding:    0.5em;
  transform: scaleX(0);
  transition: 0.5s;
}
a.thispg { color: #88F !important; font-weight: bold; }
a.thispg li::after { transform: scaleX(1); background-color: #FFF; border-radius: 5px; z-index:-1; }
a.anim2:hover,a.anim2:focus { color: #111; border-radius: 5px; outline: none; }
a.anim2:hover li::after,a.anim2:focus li::after { transform: scaleX(1); background-color: #FFF; border-radius: 5px; z-index:-1; }
a.thispg:hover,a.thispg:focus { color: #C40 !important; }
.center { text-align:center; }
.left   { text-align:left;   }
.right  { text-align:right;  }
.bold   { font-weight: 600;  }
.ft_gtc { font-family : "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; }
.ft_abl { font-family : Abel; }
.fl_le  { float : left; }
.fl_ri  { float : right;}
.cl_bo  { clear : both; }
.ovflw  { overflow: hidden; }
.ds_ilb { display : inline-block; }
.ds_il  { display : inline; }
.ds_blk { display : block; }
.fs14   { font-size : 85%; }
.fs_sml { font-size : small; }
.fs_lag { font-size : large; }
.fs_xlg { font-size : x-large; }
.red    { color: #F00; }
.pred   { color: #FF4040; }
.pd-l05 { padding-left: 0.5em; }
.pd_t1  { padding-top: 1em; }
.pd_t2  { padding-top: 2em; }
.pd_l1  { padding-left:1em; }
.pd_l2  { padding-left:2em; }
.mg_t05 { margin-top: 0.5em; }
.mg_t1  { margin-top: 1.0em; }
.mg_t2  { margin-top: 2.0em; }
.mg_b05 { margin-bottom: 0.5em; }
.mg_b1  { margin-bottom: 1.0em; }

.gh_wrap{
  height: 125px;
  min-width:750px;
  background-color:#000;
  background-image:url('/common/img/backgd.jpg');
}
.gh_b .h0   { padding:1em 0 0 2em; color:#FFF; float:left;}
.gh_b .h1   { font-size:32px; font-weight:bold; line-height:1.2;}
.gh_b .sp a { display:inline-block; text-align:center; margin-right:1em; padding:0.25em 0.5em; color:#EEE; }
.gh_label   { list-style-type:none; float:right; padding:1em 2em 0 1em; text-align:right; color:#FFF;}
.gh_label a { display:inline-block; text-align:center; margin-right:1em; padding:0.5em; color:#EEE; }
.tab_label  { position:absolute; top:4.5em; list-style-type:none; padding:1em 2em 0 1em; text-align:center; color:#FFF; width:100%;}
.tab_label a{ display:inline-block; text-align:center; margin-right:2em; padding:0.5em; color:#EEE; }
.post_body  { width: 90%; margin: 0 5% 0 5%; }
h1.psttl    { font-size:30px; margin-top: 0.5em; padding:0.5em; background-color:#F7F7F7; border-bottom:1px solid #D0D0D0; }
p.ttl_brew  { padding-left:1em; margin: 0.3em 0 0.5em 0; }
img.img_t1  { min-width: 720px; }
div.h2_rap  { position : relative; width:100%; }
h2.h2_lbe   {
  display: inline-block;
  position : relative;
  color: #048;
  margin-top: 1em;
  padding: 0 0.5em 0.5em 0;
  z-index: 100;
  border-bottom: 4px solid #666;
}
div.h2_rap::after {
  position: absolute;
  bottom: -0px;
  left: 0;
  z-index: 2;
  content: '';
  width:  100%;
  height: 4px;
  background-color: #CCC;
}
.sect       { margin-top: 2em; }
.cam_ship   { padding: 0.1em 0 0 2em; }
.cam_ship p { line-height:1.5; }
.hed_ques   { margin: 2.5em 0 0.5em 0; font-size: 15px; }
a.m_ques {
  display : inline-block;
  text-decoration : none;
  color : #FFF;
  background : #555 none repeat scroll 0% 0%;
  border-color: #555;
  padding : 0.75em 2em;
  border-radius : 7px;
  font-size : 120%;
  margin: 1px;
}
div.cam_ship::after { clear : both; }
h3.h3_comp{ color:#B0F; }
p.im_labe { padding : 1em 0; }
p.desc_svc{ padding : 0 0 0 1.5em; line-height: 1.2; }
p.desc_svc::after{ clear : both; }
b.btm_lb_r{ display: inline-block; border-bottom: 2px solid #F00; }
h4.h4_comp{ color:#B0F; font-size:120%; padding-top: 1em; }
div.cmp_tbl_o { width : 75%; margin: auto; }
table.cmp_tbl_m {
  width : 900px;
  border: 1px solid #444;
  border-collapse: collapse;
  line-height: 2.0;
  font-size: 110%;
}
table.cmp_tbl_m td {
  border: 1px solid #BBB;
  text-align: right;
  padding-right: 1em;
}
table.cmp_tbl_m td.col1 {
  text-align: left;
  padding-left: 0.5em;
  border-left: 0px solid #FFF;
}
.cmp_tbl_m tr.row2 td { border-top:    0px solid #FFF; }
.cmp_tbl_m tr.row6 td { border-bottom: 0px solid #FFF; }
.cmp_tbl_m td.col4    { border-right:  0px solid #FFF; }
.cmp_tbl_m tr.row1 td { text-align: center; }
.cmp_tbl_m .row1 th   { background-color: #D9EDF7; text-align: center; border-bottom: 1px solid #444; }
.cmp_tbl_m tr:nth-of-type(2n)       { background-color: #F8F8F8; }
.cmp_tbl_m tbody.row-hover tr:hover { background-color: #F0F0F0; }
ul.price { list-style-type:none; }
ul.price::after { clear: both; }
.gf_wrap {
  position: absolute;
  bottom: 0em;
  height: 6em;
  width: 100%;
  background-color: #333;
}
.gf_b {
  display: table;
  color: #FFF;
  box-sizing: border-box;
  width:  50%;
  height:100%;
}
.gf_b span { display: table-cell; vertical-align: middle; }
.tblike  {
  display:table;
  width:  50%;
  height:100%;
}
.gf_labe   { display: table-cell; vertical-align:middle; list-style-type: none; }
.gf_labe a { display: inline-block; text-align:center; margin-right:1em; padding:0.5em; color:#EEE; }
.gf_labe a:nth-last-of-type(1) { font-size: x-large; width: 1em; padding: 0; }
.gf_b { border:0px solid #F00; }

.descript { width: 75%; margin: 2em auto; }
.cp_h     { display: inline-block; width: 1.0em; vertical-align: top; }
.cp_b     { display: inline-block; }

.pform    { width: 50em; margin: 1em auto; }
.tel_q    { padding: 0.5em 0 1em 2em; font-weight: bold; }
.inp_tbx  { width: 30em; line-height: 1.5; }
.tx_a     { width: 30em; line-height: 1.5; height: 10em; font-size: 83%; }
textarea:focus,
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus { background-color: #EEF; }
input[type=text],input[type=email],input[type=password],textarea { background-color: #FFD; padding: 0.1em; font-size: 90%; }
.fm1_wrp  { display: inline-block; }
.sb_wrp   { display: table; width: 60%; table-layout: fixed; margin-top: 1.0em; }
.tbcel    { display: table-cell; vertical-align: middle; }
.fm1 .fs_sml { line-height: 1.25; }
.fm1_h p:nth-of-type(even) { font-weight: 600; }
.sb_btn { padding: 0.2em 0.5em; }

.loginbox   { display: inline-block; margin: 3em auto; }
.loginbox p { margin-top: 1.5em; height: 1.5em; }
.loginbox input[type=submit] { margin-top: 1.5em; }
.sbm_btn {
  border: 2px solid #EEE;
  color: #EEE;
  font-size: 100%;
  font-weight: normal;
  background: #444;
  border-radius: 3px;
  letter-spacing: 0.25em;
  padding: 0.2em 1em 0.2em 1.25em;
  text-align: center;
  box-shadow: 1px 1px 2px rgba(000,000,000,1.0);
}
.sbm_btn:hover, .sbm_btn:focus { border-color: #FAA; color: #AFA; }

.lktbl   { display: table; text-align: center; margin: 2em auto; border-collapse: separate; border-spacing: 2em 1em ; }
.lktbl a { display: table-cell; width: 12em; height: 4em; line-height: 4em; padding: 0 1em; border:1px solid #04C; text-decoration: none;
	   border-radius: 3px; }
.lktbl a:hover, .lktbl a:focus { color: #F40; border:1px solid #C40; outline-color: #C40; }
.lktbl i { vertical-align: middle; }

.mvLL { border: 2px dotted #FFF; border-bottom: 2px dotted #48F; }
.mvLL a { color: #48F; }

.in_tbl { font-size: 16px; }
.in_tbl td { padding: 0 0.5em; }
.in_tbl td:nth-of-type(2n-1) { background-color: #DFD; color: #111; }
.in_tbl td:nth-of-type(2n+0) { background-color: #DFD; color: #111; }
.in_tbl td:nth-of-type(3n+0) { background-color: #DFD; color: #111; }

.ppchg table    { background-color: #CCC; }
.ppchg table td { background-color: #EFF; padding: 0.1em 0.3em; }
.ppchg table td:nth-of-type(2n) { padding: 0.1em 0; }
.ppchg table tr:nth-of-type(5n) { height: 2em; }

#list_view ul   { margin: 0 0 0 1.0em; list-style-type:none; !important; max-width: 1250px; }
#list_view li li{ display: inline-block; margin-right: 1em; }
#list_view span { margin-bottom:0.25em; padding-bottom:-3em; display: inline-block; font-size: 85%;}

#view_over { display: inline-block; margin-left: auto; margin-right: auto; }

span.v_nav { letter-spacing: 0.2em; }
.tip  { position: relative; }
.tip_a{ font-size: 90%; text-align: center; display: inline-block; width: 1.3em; color: #F84; border: 0px solid #FFFFFF; }
span.v_nav span.tip:nth-child(1) a.tip_a:nth-child(1) { display: none; padding-left: 2px; }
span.v_nav span.tip:nth-child(4) a.tip_a:nth-child(1) { padding-left: 0px; }
.tip_a ~ .tipBd {
  border: solid 2px #f98325;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  left:-1.0em;
  bottom: 2.4em;
  text-decoration: none;
  text-align: center;
  visibility: hidden;
  padding: 1px 1px;
  width: 7em;
  letter-spacing: 0em;
  font-size: 90%;
  color: #111;
  zoom: 1;
}

.tipBd .tipAng {
  border-right: solid 5px transparent;
  border-left:  solid 5px transparent;
/*border-left-width: 0; */
  border-top: solid 10px #f98325;
  line-height: 0;
  position: absolute;
  left: 1em;
  bottom: -10px;
}
.tipBd .tipAng .tipAgI {
  border-right: solid 5px transparent;
  border-left:  solid 5px transparent;
/*border-left-width: 0; */
  border-top: solid 7px #DDD;
  line-height: 0;
  position: absolute;
  left:  -0.33em;
  bottom: 0.27em;
}

/* not supported tanseparent for border by IE6. 
* html .tip .tipBd .tipAng {
  border-right-color: white;
  bottom: -11px;
}
* html .tip .tipBd .tipAng .tipAgI {
  border-right-color: #f98325;
}
*/

div.view_wrp {
  display: inline-block;
  background-color: #DDD;
  margin: 0 1px 1px 0;
  padding: 0.2em;
  border: 0px solid #111;
  border-collapse: collapse;
}

.nav_sel { letter-spacing: 0em; }

#t_range {
  position: absolute;
  width: 24em;
  top:   3.5em;
  left: -6.0em;
  font-size: 85%;
  color: red;
}

.sch_rec { background-color: #EEE; padding: 0.2em; margin-right: 1em; }
.dwn_pal { background-color: #EEE; padding: 0.2em; margin-right: 1em; }

.warn_box{
  position : fixed;
  bottom   : 6.5em;
  left     : 24%;
  width    : 50%;
  display  : none;
  border   : 2px solid #F84;
  background-color : #EEE;
  color       : #F00;
  z-index     : 100;
  text-align  : center;
  font-size   : 90%;
  font-weight : bold;
  max-height  : 50%;
  overflow-y  : auto;
}
.warn_box a {
  color : #80F;
  text-decoration : none;
}

.tb2 {
  margin: 0 auto 1em auto;
  text-align: center;
}
.tb2 input[type=text]  { width: 20em; }
.tb2 input[type=submit]{ letter-spacing: 0.25em; padding: 0.2em; }

.tb3 {
  margin: 1em auto 1em auto;
  text-align: center;
}
.tb3 td { padding: 0.1em 0.2em; }
.tb3 td:nth-of-type(5n+1){ font-weight: bold; }
.tb3 td:nth-of-type(5n+2){ font-weight: bold; color: #48F; }
.tb3 td:nth-of-type(5n+0){ background:  #444; color: #FFF; }
.tb3 tr:nth-of-type(1) td:nth-of-type(2){     color: #000; }
.tb3 a { color: #48F; }

.tb_q td:nth-of-type(2n+1) { padding: 0.2em 0.5em; }
.tb_q span { font-weight: bold; padding-left: 0.5em; display: block; text-align: left; }
.tb_q input[type=submit]:nth-of-type(2){ margin-left: 2em; }
.qu_p { margin: 1em auto auto auto; display: inline-block; text-align: left; }

.pdb65{ padding-bottom: 6.5em; }

.mark { list-style-type: none; margin-left: 0em; max-width: 950px; }
.mark li { margin-left: 1.2em; position: relative; }
.mark li:before { content: "※"; position: absolute; left:-1.2em; }

#post_ready .sbmt2 {
  border: 2px solid #F8F8F8;
  color: #F08;
  font-size: x-large;
  font-weight: bold;
  background: #EEE;
  border-radius: 3px;
  letter-spacing: 1.0em;
  padding: 0.2em 0em 0.2em 1.0em;
  text-align: center;
  box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}
#post_ready input[type=submit]:nth-of-type(2) { margin-left: 2.5em; }
#post_ok a   { color: #80F; font-size: large; font-weight: bold; margin-right: 0.25em; }
#post_ok span{ display: inline-block; margin-right: 2.5em; }

.tb4 { text-align: center; margin: 1em auto 0 auto; font-weight: bold; font-size: large; }
.tb4 td { border: 1px solid #FFF; background: #DEF; padding: 0.25em 0.5em; }

.tb5 { line-height: 1.3; margin: 1em auto 0 auto; }
.tb5 td { border: 1px solid #FFF; background: #AFB; padding: 0.25em 0.5em; text-align: left; }
.tb5 tr:nth-of-type(5) td { text-align: center; background: #FFF; }
.ul_desc { margin: 1.0em auto 0 auto; max-width: 950px; }

.lnk_t a { font-size: large; font-weight: bold; color: #80F; }
.lnk_t a:nth-of-type(2n) { margin-left: 2em; }

.alrt_p, .send_c {
  display: inline-block;
  position: absolute;
  font-size: small;
  font-weight: bold;
  color: #F00;
  background: rgba(255,240,240,1.0);
  border: 2px solid #F00;
  border-radius: 5px;
  left:  0;
  right: 0;
  top:  -2em;
  width: 30em;
  padding: 0.5em 0.5em 1.0em 0.5em;
  margin: 0 auto;
  z-index: 100;
}
.send_c p {  }
.send_c input[type=button] { 
  font-size: large;
  font-weight: bold;
  color: #F8B;
  padding: 0.2em 1.5em 0.2em 2em;
  letter-spacing: 0.5em;
  margin-top: 0.5em;
  border-radius: 5px;
}

.tb6 { line-height: 1.3; margin: 1em auto 0 auto; }
.tb6 td { border: 1px solid #FFF; background: #AFB; padding: 0.25em 0.5em; text-align: left; }
.tb6 tr:nth-of-type(5) td { text-align: center; background: #FFF; }
.tb6 tr:nth-of-type(1), .tb6 tr:nth-of-type(2){ line-height: 3; }
.tb_q { background: #FFFFFF; }

.brdc { border:1px solid #F00; }