@charset "UTF-8";

/* -----------------------------------------CSS Information
 File Name:patch.css
 Author:osaka
 Style Info:ブラウザスタイルの追加設定
 -------------------------------------------------------------*/
html {font-size: 62.5%;}

* html .smallFont {font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;}
*:first-child+html .smallFont {font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;}

* html ul li dl,* html ol li dl {display: inline;}
*:first-child+html ul li dl,*:first-child+html ol li dl {display: inline;}

body {
	margin: 0;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	font-size: 1.4rem;
	/*font-family: sans-serif;*/
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #333333;
	line-height: 170%;
}

a.btn_decide {
  display: block;
  width: 100%;
  margin: 45px 0 0 0;
  padding: 15px 15px;
  background-color: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top,  #f9f5ce 0%, #ecdf82 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f5ce), color-stop(100%,#ecdf82)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f9f5ce 0%,#ecdf82 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f9f5ce 0%,#ecdf82 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f9f5ce 0%,#ecdf82 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f9f5ce 0%,#ecdf82 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f5ce', endColorstr='#ecdf82',GradientType=0); /* IE6-8 */
  -webkit-border-radius: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 20px; font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: #593b00;
}
a.btn_default {
	display: block;
	width: 100%;
	margin: 45px 0 0 0;
	padding: 15px 15px;
	background-color: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 20px; font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	color: #333333;
}
p.unit_btnset a + a {margin: 25px 0 45px 0;}

/*HEADER*/
header {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 888;
  width: 100%;
  height: 54px;
  margin: 0;
  background-color: #94c13e;
  border-bottom: none;
}

header h1 {
  width: 100%;
  height: 27px;
  margin: 15px 0 0 0;
  padding: 0;
  background: url(../../../users/img/h_logo_es.gif) no-repeat center top;
  background-size: 102px 27px;
  text-indent: -9999px;
}
header a#modal_qr {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 10px 10px;
}
header a#modal_qr, header a#modal_menu {
  display: block;
  height: 34px;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #94c13e;
  text-align: center;
  line-height: 100%;
  font-weight: normal;
}


/*FOOTER*/
footer {
  clear: both;
  padding: 15px 0;
  background-color: #94c13e;
}
footer p {
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
  color: #ffffff;
}


/*INDEX*/
section {
  width: 90%;
  margin: 75px 5% 15px 5%;
}

ul {margin: 0 0 0 20px;}
ul li {margin: 0 0 5px 0;}

ul#unit_headset {
  display: table;
  width: 100%;
  margin: 0 0 10px 0;
}
ul#unit_headset li {
  display: table-cell;
  vertical-align: middle;
}
ul#unit_headset li:first-child {
  text-align: left;
  font-size: 1.6rem;
  font-weight: bold;
  color:#94c13e;
}
ul#unit_headset li:last-child {
  text-align: right
}
ul#unit_headset li:last-child span {
  display: inline-block;
  padding: 5px 10px;
  border: solid 1px #cccccc;
  font-size: 1.0rem;
}

h2.item_pagetitle {
  margin: 0 0 20px 0;
  font-size: 1.8rem;
}

h2.item_pagetitle span {
  display: inline-block;
  width: 100%;
  margin: 0 0 5px 0;
  font-size: 1.0rem;
  font-weight: normal;
  text-align: right;
}

h3 {
  margin: 40px 0 10px 0;
  font-size: 1.6rem;
}

div.unit_target {
  margin: 15px 0 0 0;
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #cccccc;
}
div.unit_target h4 {
  margin: 0 0 5px 0;
  font-weight: normal;
}

table.unit_payment {
  table-layout: fixed;
  width: 100%;
}
table.unit_payment tr:nth-child(even) {background-color: #e2e2e2;}
table.unit_payment tr:nth-child(odd) {background-color: #f7f7f7;}
table.unit_payment th,table.unit_payment td {
  padding: 10px;
  border: solid 1px #ffffff;
}
table.unit_payment th {
  background-color: #94c13e;
  color: #ffffff;
  text-align: center;
}

table.unit_case {
  table-layout: fixed;
  width: 100%;
}
table.unit_case td {
  border: solid 1px #cccccc;
  padding: 5px;
  vertical-align: top;
}
table.unit_case td span.item_title {
  display: inline-block;
  width: 100%;
  text-align: center;
}
table.unit_case td img {
  width: 80%;
  margin: 10px 10% 0 10%;
}

dl.unit_type {
  width: 100%;
  margin: 0 0 10px 0;
}
dl.unit_type dt {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #e2e2e2;
}
dl.unit_type dd {
  width: 100%;
}

h4 {
  margin: 20px 0 5px 0;
}


/*Responsive*/
/*--Tablet--*/
@media screen and (min-width:600px) and ( max-width:959px) {
  /*HEADER*/
  /*FOOTER*/
  /*INDEX*/
  section {
    width: 590px;
    margin: 75px auto 40px auto;
  }
}
/*--Desktop--*/
@media screen and (min-width:960px) {
  /*HEADER*/
  /*FOOTER*/
  /*INDEX*/
  section {
    width: 950px;
    margin: 75px auto 40px auto;
  }
}
/*--Tablet & Desktop--*/
@media screen and (min-width:600px) {
  /*HEADER*/
  /*FOOTER*/
  /*INDEX*/
  h2.item_pagetitle {font-size: 2.4rem;}
  h2.item_pagetitle span {font-size: 1.2rem;}
  h3 {font-size: 2.0rem;}
  table.unit_case td img {
    width: 50%;
    margin: 10px 25% 10px 25%;
  }
}