.pc {display:block;}
.tb {display:none;}
.pctb {display:block;}
.tbmb {display:none;}
.mb {display:none;}

@media screen and (min-width:600px) and (max-width: 1024px) {
.pc {display:none;}
.tb {display:block;}
.pctb {display:block;}
.tbmb {display:block;}
.mb {display:none;}
}

@media screen and (max-width: 599px) {
.pc {display:none;}
.tb {display:none;}
.pctb {display:none;}
.tbmb {display:block;}
.mb {display:block;}
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;  
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
  display:block; 
  margin:0;
  padding:0;
  padding:0;
}

ul,ol,li { 
	list-style: none; 
	zoom: normal;
	list-style-position:outside;
}

/* -----------------------------------
	style
 ----------------------------------- */

body {
  background: #FFF;
  color: #333;
  font-size: 88%;
  font-family: Roboto, "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-y: scroll;
  margin:0 auto;
  text-align:center;
}

a {
  color: #52330B;
  outline: none;
  text-decoration: underline;
}

a:hover {
  color: #E73656;
  text-decoration: none;
}

a img:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

img {
  vertical-align: bottom;
}

.imgfit {
  width: 100%;
  height: 100%;
  text-align:center;
  overflow:hidden;
  position: relative;
}

.imgfit img {
	position: relative;
	width: 100%;
	height: auto;
}

/* -----------------------------------
	contetns
 ----------------------------------- */

#container {
	width: 90%;
	max-width: 750px;
	margin:0 auto;
	text-align:center;
}

#container p {
	text-align: left;
}

p img{
    width: 100%;
    height: auto;
}

.order{
    width: 100%;
    background-color:#FF7E00;
	margin-bottom: 1.4em;
	padding: 0.6em 0.8em;
	box-sizing: border-box;
}
.order p{
	color:#FFF;
	font-size: calc(0.6vw + 0.8em);
	line-height:1.6;
	text-align: center !important;
}

.table-wrap{
  width: 100%;
  overflow-x: auto;
}

div.table-wrap::-webkit-scrollbar {
  height: 5px;
}
 
div.table-wrap::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
div.table-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.overflow{
  float:left;
  font-size:80%;
  margin-bottom:6px;
}

table.glass{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  empty-cells:show;
}
.glass th{
  background-color:#2A7ED6;
  color:#FFFFFF;
  font-size:93%;
  font-weight:normal;
  padding: 8px;
  border-right:1px solid #331400;
  border-bottom:1px solid #331400;
  text-align:center;
  vertical-align: middle;
  white-space: nowrap;
}
.glass th:last-child{
  border-right:none;
}
.glass th.sp-line{
  border-right:1px solid #331400;
}

.glass tr:nth-child(2n) {
 background: #ECF5DA;
}
.glass td{
  padding:0.6em 0.8em;
  border-right:1px solid #331400;
  border-bottom:1px solid #331400;
  text-align: left;
  white-space: nowrap;
}

.glass td:nth-child(3) {
  text-align: center;
}

.glass td span{
  font-size:76%;
  text-align:center;
}

.glass th:nth-child(8n){
  border-right:none;
}

.glass td:last-child {
  border-right:none;
}

#container p.cution {
	margin-top:1em;
}

@media screen and (max-width: 599px) {
#container p.cution { text-align: center;}
}

/*-----------------------------------------------
 __margin_padding
-----------------------------------------------*/

.mt0{ margin-top:0 !important;}
.mt05{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}

.mb0{ margin-bottom:0px !important;}
.mb05{ margin-bottom:5px !important;}
.mb08{ margin-bottom:8px !important;}
.mb10{ margin-bottom:10px !important;}
.mb12{ margin-bottom:12px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}

.pt0{ padding:0 0 0 0 !important;}
.pt05{ padding-top:5px !important;}
.pt10{ padding-top:10px !important;}
.pt20{ padding-top:20px !important;}
.pt30{ padding-top:30px !important;}

.pb05{ padding-bottom:5px !important;}
.pb10{ padding-bottom:10px !important;}
.pb12{ padding-bottom:12px !important;}
.pb20{ padding-bottom:20px !important;}
.pb30{ padding-bottom:30px !important;}
.pb40{ padding-bottom:40px !important;}

hr { 
	clear:both;
	width:100%;
	background:#222222;
	height:1px; border: 0px none;
	margin:30px auto 15px auto;
	text-align:center;
}